@kids-reporter/routing-ui 0.1.0-alpha.1

package/.prettierignore

@@ -0,0 +1,17 @@
+# Build outputs
+dist/
+lib/
+.next/
+
+# Generated files
+*.tsbuildinfo
+
+# Cache
+.eslintcache
+
+# OS
+.DS_Store
+
+# Environment
+.env*.local
+.env

package/babel.config.cjs

@@ -0,0 +1,31 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          node: '18',
+          browsers: ['> 1%', 'last 2 versions', 'not dead'],
+        },
+        modules: 'commonjs', // Build CommonJS modules
+      },
+    ],
+    [
+      '@babel/preset-react',
+      {
+        runtime: 'automatic',
+        development: process.env.NODE_ENV === 'development',
+        pragma: undefined, // Use automatic runtime
+        pragmaFrag: undefined, // Use automatic runtime
+      },
+    ],
+    [
+      '@babel/preset-typescript',
+      {
+        isTSX: true,
+        allExtensions: true,
+      },
+    ],
+  ],
+  plugins: ['@babel/plugin-transform-runtime'],
+}

package/dist/components/button.d.ts

@@ -0,0 +1,23 @@
+import { type VariantProps } from 'class-variance-authority';
+import React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | null | undefined;
+    size?: 44 | 36 | 32 | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonProps = {
+    isLoading?: boolean;
+    disabled?: boolean;
+    asChild?: boolean;
+    children: React.ReactNode;
+} & VariantProps<typeof buttonVariants> & React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const Button: React.ForwardRefExoticComponent<{
+    isLoading?: boolean;
+    disabled?: boolean;
+    asChild?: boolean;
+    children: React.ReactNode;
+} & VariantProps<(props?: ({
+    variant?: "primary" | "secondary" | null | undefined;
+    size?: 44 | 36 | 32 | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export default Button;
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,QAAA,MAAM,cAAc;;;8EA8BnB,CAAA;AAwBD,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GACrC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;AAE/C,QAAA,MAAM,MAAM;gBAPE,OAAO;eACR,OAAO;cACR,OAAO;cACP,KAAK,CAAC,SAAS;;;;yKAuC1B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/button.js

@@ -0,0 +1,82 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactSlot = require("@radix-ui/react-slot");
+var _classVarianceAuthority = require("class-variance-authority");
+var _react = _interopRequireDefault(require("react"));
+var _cn = require("../utils/cn");
+var _jsxRuntime = require("react/jsx-runtime");
+const buttonVariants = (0, _classVarianceAuthority.cva)(
+// Base styles
+'font-noto gap-2.5 font-bold inline-flex cursor-pointer items-center justify-center rounded-full transition-colors duration-200', {
+  variants: {
+    variant: {
+      primary: ['text-white border-0 bg-red-400', 'hover:bg-red-500', 'active:bg-red-600', 'disabled:bg-gray-400 disabled:text-white disabled:cursor-default'],
+      secondary: ['bg-white text-gray-900 border-2 border-red-400', 'hover:text-white hover:border-red-500 hover:bg-red-500', 'active:text-white active:border-red-600 active:bg-red-600', 'disabled:border-gray-400 disabled:bg-white disabled:text-gray-400 disabled:cursor-default']
+    },
+    size: {
+      44: 'h-11 px-5 py-2 text-base',
+      // 44px height, 16px font size
+      36: 'h-9 px-4 py-2 text-sm',
+      // 36px height, 14px font size
+      32: 'h-8 px-3 py-1 text-sm' // 32px height, 14px font size
+    }
+  },
+  defaultVariants: {
+    variant: 'primary',
+    size: 44
+  }
+});
+
+// Loading spinner icon component
+const LoadingSpinner = ({
+  size = 20
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  width: size,
+  height: size,
+  viewBox: "0 0 25 24",
+  fill: "none",
+  className: "animate-spin",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    opacity: "0.5",
+    d: "M12.5 2C10.5222 2 8.58879 2.58649 6.9443 3.6853C5.29981 4.78412 4.01809 6.3459 3.26121 8.17317C2.50433 10.0004 2.3063 12.0111 2.69215 13.9509C3.078 15.8907 4.03041 17.6725 5.42894 19.0711C6.82746 20.4696 8.60929 21.422 10.5491 21.8079C12.4889 22.1937 14.4996 21.9957 16.3268 21.2388C18.1541 20.4819 19.7159 19.2002 20.8147 17.5557C21.9135 15.9112 22.5 13.9778 22.5 12C22.5 10.6868 22.2413 9.38642 21.7388 8.17317C21.2363 6.95991 20.4997 5.85752 19.5711 4.92893C18.6425 4.00035 17.5401 3.26375 16.3268 2.7612C15.1136 2.25866 13.8132 2 12.5 2ZM12.5 20C10.9178 20 9.37104 19.5308 8.05544 18.6518C6.73985 17.7727 5.71447 16.5233 5.10897 15.0615C4.50347 13.5997 4.34504 11.9911 4.65372 10.4393C4.9624 8.88743 5.72433 7.46197 6.84315 6.34315C7.96197 5.22433 9.38743 4.4624 10.9393 4.15372C12.4911 3.84504 14.0997 4.00346 15.5615 4.60896C17.0233 5.21447 18.2727 6.23984 19.1518 7.55544C20.0308 8.87103 20.5 10.4177 20.5 12C20.5 14.1217 19.6572 16.1566 18.1569 17.6569C16.6566 19.1571 14.6217 20 12.5 20Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M20.5 12H22.5C22.5 10.6868 22.2413 9.38642 21.7388 8.17317C21.2362 6.95991 20.4997 5.85752 19.5711 4.92893C18.6425 4.00035 17.5401 3.26375 16.3268 2.7612C15.1136 2.25866 13.8132 2 12.5 2V4C14.6217 4 16.6566 4.84285 18.1569 6.34315C19.6571 7.84344 20.5 9.87827 20.5 12Z",
+    fill: "currentColor"
+  })]
+});
+const Button = /*#__PURE__*/_react.default.forwardRef(({
+  isLoading = false,
+  disabled = false,
+  asChild = false,
+  size,
+  variant,
+  className,
+  children,
+  ...props
+}, ref) => {
+  const isDisabled = disabled || isLoading;
+  const buttonClasses = (0, _cn.cn)(buttonVariants({
+    variant,
+    size
+  }), className);
+  const Comp = asChild ? _reactSlot.Slot : 'button';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: buttonClasses,
+    disabled: isDisabled,
+    ...props,
+    children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingSpinner, {
+      size: size === 32 ? 16 : size === 36 ? 18 : 20
+    }) : children
+  });
+});
+var _default = exports.default = Button;
+//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","_reactSlot","_classVarianceAuthority","_react","_cn","_jsxRuntime","buttonVariants","cva","variants","variant","primary","secondary","size","defaultVariants","LoadingSpinner","jsxs","width","height","viewBox","fill","className","xmlns","children","jsx","opacity","d","Button","React","forwardRef","isLoading","disabled","asChild","props","ref","isDisabled","buttonClasses","cn","Comp","Slot","_default"],"sources":["../../src/components/button.tsx"],"sourcesContent":["'use client'\n\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils/cn'\n\nconst buttonVariants = cva(\n  // Base styles\n  'font-noto gap-2.5 font-bold inline-flex cursor-pointer items-center justify-center rounded-full transition-colors duration-200',\n  {\n    variants: {\n      variant: {\n        primary: [\n          'text-white border-0 bg-red-400',\n          'hover:bg-red-500',\n          'active:bg-red-600',\n          'disabled:bg-gray-400 disabled:text-white disabled:cursor-default',\n        ],\n        secondary: [\n          'bg-white text-gray-900 border-2 border-red-400',\n          'hover:text-white hover:border-red-500 hover:bg-red-500',\n          'active:text-white active:border-red-600 active:bg-red-600',\n          'disabled:border-gray-400 disabled:bg-white disabled:text-gray-400 disabled:cursor-default',\n        ],\n      },\n      size: {\n        44: 'h-11 px-5 py-2 text-base', // 44px height, 16px font size\n        36: 'h-9 px-4 py-2 text-sm', // 36px height, 14px font size\n        32: 'h-8 px-3 py-1 text-sm', // 32px height, 14px font size\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 44,\n    },\n  }\n)\n\n// Loading spinner icon component\nconst LoadingSpinner = ({ size = 20 }: { size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 25 24\"\n    fill=\"none\"\n    className=\"animate-spin\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      opacity=\"0.5\"\n      d=\"M12.5 2C10.5222 2 8.58879 2.58649 6.9443 3.6853C5.29981 4.78412 4.01809 6.3459 3.26121 8.17317C2.50433 10.0004 2.3063 12.0111 2.69215 13.9509C3.078 15.8907 4.03041 17.6725 5.42894 19.0711C6.82746 20.4696 8.60929 21.422 10.5491 21.8079C12.4889 22.1937 14.4996 21.9957 16.3268 21.2388C18.1541 20.4819 19.7159 19.2002 20.8147 17.5557C21.9135 15.9112 22.5 13.9778 22.5 12C22.5 10.6868 22.2413 9.38642 21.7388 8.17317C21.2363 6.95991 20.4997 5.85752 19.5711 4.92893C18.6425 4.00035 17.5401 3.26375 16.3268 2.7612C15.1136 2.25866 13.8132 2 12.5 2ZM12.5 20C10.9178 20 9.37104 19.5308 8.05544 18.6518C6.73985 17.7727 5.71447 16.5233 5.10897 15.0615C4.50347 13.5997 4.34504 11.9911 4.65372 10.4393C4.9624 8.88743 5.72433 7.46197 6.84315 6.34315C7.96197 5.22433 9.38743 4.4624 10.9393 4.15372C12.4911 3.84504 14.0997 4.00346 15.5615 4.60896C17.0233 5.21447 18.2727 6.23984 19.1518 7.55544C20.0308 8.87103 20.5 10.4177 20.5 12C20.5 14.1217 19.6572 16.1566 18.1569 17.6569C16.6566 19.1571 14.6217 20 12.5 20Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      d=\"M20.5 12H22.5C22.5 10.6868 22.2413 9.38642 21.7388 8.17317C21.2362 6.95991 20.4997 5.85752 19.5711 4.92893C18.6425 4.00035 17.5401 3.26375 16.3268 2.7612C15.1136 2.25866 13.8132 2 12.5 2V4C14.6217 4 16.6566 4.84285 18.1569 6.34315C19.6571 7.84344 20.5 9.87827 20.5 12Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n\nexport type ButtonProps = {\n  isLoading?: boolean\n  disabled?: boolean\n  asChild?: boolean\n  children: React.ReactNode\n} & VariantProps<typeof buttonVariants> &\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      isLoading = false,\n      disabled = false,\n      asChild = false,\n      size,\n      variant,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const isDisabled = disabled || isLoading\n\n    const buttonClasses = cn(buttonVariants({ variant, size }), className)\n\n    const Comp = asChild ? Slot : 'button'\n\n    return (\n      <Comp\n        ref={ref}\n        className={buttonClasses}\n        disabled={isDisabled}\n        {...props}\n      >\n        {isLoading ? (\n          <LoadingSpinner size={size === 32 ? 16 : size === 36 ? 18 : 20} />\n        ) : (\n          children\n        )}\n      </Comp>\n    )\n  }\n)\n\nexport default Button\n"],"mappings":";AAAA,YAAY;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA;AAEZ,IAAAC,UAAA,GAAAN,OAAA;AACA,IAAAO,uBAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AAEA,IAAAS,GAAA,GAAAT,OAAA;AAAgC,IAAAU,WAAA,GAAAV,OAAA;AAEhC,MAAMW,cAAc,GAAG,IAAAC,2BAAG;AACxB;AACA,gIAAgI,EAChI;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,CACP,gCAAgC,EAChC,kBAAkB,EAClB,mBAAmB,EACnB,kEAAkE,CACnE;MACDC,SAAS,EAAE,CACT,gDAAgD,EAChD,wDAAwD,EACxD,2DAA2D,EAC3D,2FAA2F;IAE/F,CAAC;IACDC,IAAI,EAAE;MACJ,EAAE,EAAE,0BAA0B;MAAE;MAChC,EAAE,EAAE,uBAAuB;MAAE;MAC7B,EAAE,EAAE,uBAAuB,CAAE;IAC/B;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,OAAO,EAAE,SAAS;IAClBG,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;AACA,MAAME,cAAc,GAAGA,CAAC;EAAEF,IAAI,GAAG;AAAsB,CAAC,kBACtD,IAAAP,WAAA,CAAAU,IAAA;EACEC,KAAK,EAAEJ,IAAK;EACZK,MAAM,EAAEL,IAAK;EACbM,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXC,SAAS,EAAC,cAAc;EACxBC,KAAK,EAAC,4BAA4B;EAAAC,QAAA,gBAElC,IAAAjB,WAAA,CAAAkB,GAAA;IACEC,OAAO,EAAC,KAAK;IACbC,CAAC,EAAC,s+BAAs+B;IACx+BN,IAAI,EAAC;EAAc,CACpB,CAAC,eACF,IAAAd,WAAA,CAAAkB,GAAA;IACEE,CAAC,EAAC,8QAA8Q;IAChRN,IAAI,EAAC;EAAc,CACpB,CAAC;AAAA,CACC,CACN;AAUD,MAAMO,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAC7B,CACE;EACEC,SAAS,GAAG,KAAK;EACjBC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,KAAK;EACfnB,IAAI;EACJH,OAAO;EACPW,SAAS;EACTE,QAAQ;EACR,GAAGU;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,UAAU,GAAGJ,QAAQ,IAAID,SAAS;EAExC,MAAMM,aAAa,GAAG,IAAAC,MAAE,EAAC9B,cAAc,CAAC;IAAEG,OAAO;IAAEG;EAAK,CAAC,CAAC,EAAEQ,SAAS,CAAC;EAEtE,MAAMiB,IAAI,GAAGN,OAAO,GAAGO,eAAI,GAAG,QAAQ;EAEtC,oBACE,IAAAjC,WAAA,CAAAkB,GAAA,EAACc,IAAI;IACHJ,GAAG,EAAEA,GAAI;IACTb,SAAS,EAAEe,aAAc;IACzBL,QAAQ,EAAEI,UAAW;IAAA,GACjBF,KAAK;IAAAV,QAAA,EAERO,SAAS,gBACR,IAAAxB,WAAA,CAAAkB,GAAA,EAACT,cAAc;MAACF,IAAI,EAAEA,IAAI,KAAK,EAAE,GAAG,EAAE,GAAGA,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG;IAAG,CAAE,CAAC,GAElEU;EACD,CACG,CAAC;AAEX,CACF,CAAC;AAAA,IAAAiB,QAAA,GAAAzC,OAAA,CAAAE,OAAA,GAEc0B,MAAM"}

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Button } from './button';
+export { default as Input } from './input';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _button.default;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () {
+    return _input.default;
+  }
+});
+var _button = _interopRequireDefault(require("./button"));
+var _input = _interopRequireDefault(require("./input"));
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_button","_interopRequireDefault","require","_input"],"sources":["../../src/components/index.tsx"],"sourcesContent":["export { default as Button } from './button'\nexport { default as Input } from './input'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA"}

package/dist/components/input.d.ts

@@ -0,0 +1,20 @@
+export type InputProps = {
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onClear?: () => void;
+    showClearButton?: boolean;
+    children?: React.ReactNode;
+    inputRef?: React.RefObject<HTMLInputElement>;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'>;
+declare const Input: import("react").ForwardRefExoticComponent<{
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onClear?: () => void;
+    showClearButton?: boolean;
+    children?: React.ReactNode;
+    inputRef?: React.RefObject<HTMLInputElement>;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & import("react").RefAttributes<HTMLInputElement>>;
+export default Input;
+//# sourceMappingURL=input.d.ts.map

package/dist/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAiDA,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAC7C,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAA;AAE3E,QAAA,MAAM,KAAK;kBATK,MAAM;YACZ,MAAM;eACH,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;cACxB,MAAM,IAAI;sBACF,OAAO;eACd,KAAK,CAAC,SAAS;eACf,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;wIAgH7C,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/input.js

@@ -0,0 +1,143 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+var _react = require("react");
+var _icons = require("../icons");
+var _cn = require("../utils/cn");
+var _jsxRuntime = require("react/jsx-runtime");
+// Close icon component
+const CloseIcon = ({
+  className
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  className: className,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+    cx: "10",
+    cy: "10",
+    r: "10",
+    fill: "currentColor"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M7 7l6 6M13 7l-6 6",
+    stroke: "white",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
+});
+const inputVariants = (0, _classVarianceAuthority.cva)(
+// Base styles
+'prose-p1 desktop:bg-white! px-4 py-1.5 h-11 flex items-center rounded-full border border-transparent bg-neutral-100 transition-colors duration-200 hover:border-neutral-600', {
+  variants: {
+    state: {
+      default: 'border-transparent',
+      hover: 'border-neutral-600',
+      focus: 'border-neutral-600',
+      active: 'border-neutral-600',
+      unfocus: 'border-transparent',
+      error: 'border-red-600'
+    }
+  },
+  defaultVariants: {
+    state: 'default'
+  }
+});
+const Input = /*#__PURE__*/(0, _react.forwardRef)(({
+  placeholder = '搜尋更多新聞、議題',
+  value,
+  onChange,
+  onClear,
+  showClearButton = true,
+  className,
+  onFocus,
+  onBlur,
+  inputRef,
+  ...props
+}, ref) => {
+  const [internalValue, setInternalValue] = (0, _react.useState)('');
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const [isActive, setIsActive] = (0, _react.useState)(false);
+  const innerInputRef = (0, _react.useRef)(null);
+  const currentValue = value !== undefined ? value : internalValue;
+  const hasValue = currentValue.length > 0;
+
+  // Determine current state
+  const currentState = isFocused ? 'focus' : hasValue ? isActive ? 'active' : 'unfocus' : 'default';
+  const handleChange = e => {
+    const newValue = e.target.value;
+    if (onChange) {
+      onChange(newValue);
+    } else {
+      setInternalValue(newValue);
+    }
+    setIsActive(true);
+  };
+  const handleFocus = e => {
+    if (onFocus) {
+      onFocus(e);
+    }
+    setIsFocused(true);
+    setIsActive(true);
+  };
+  const handleBlur = e => {
+    if (onBlur) {
+      onBlur(e);
+    }
+    setIsFocused(false);
+    setIsActive(false);
+  };
+  const handleClear = e => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (onChange) {
+      onChange('');
+    } else {
+      setInternalValue('');
+    }
+    if (onClear) {
+      onClear();
+    }
+    const currentRef = inputRef ?? innerInputRef;
+    currentRef.current?.focus();
+  };
+  const inputClasses = (0, _cn.cn)(inputVariants({
+    state: currentState
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "gap-2 flex flex-col",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: inputClasses,
+      ref: ref,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "text-neutral-600",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SearchIconSmall, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "text",
+        value: currentValue,
+        onChange: handleChange,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        placeholder: placeholder,
+        className: "placeholder:font-medium ml-2 max-w-[72%] flex-1 flex-shrink-1 bg-transparent text-neutral-900 placeholder:text-neutral-400 focus:outline-none",
+        ref: inputRef ?? innerInputRef,
+        ...props
+      }), showClearButton && hasValue && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        onClick: handleClear,
+        className: "p-1/2 ml-auto flex-shrink-0 cursor-pointer rounded-full text-neutral-400 transition-colors hover:text-neutral-600 active:bg-neutral-200",
+        "aria-label": "Clear input",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseIcon, {})
+      })]
+    })
+  });
+});
+var _default = exports.default = Input;
+//# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":["Object","defineProperty","exports","value","default","_classVarianceAuthority","require","_react","_icons","_cn","_jsxRuntime","CloseIcon","className","jsxs","width","height","viewBox","fill","xmlns","children","jsx","cx","cy","r","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","inputVariants","cva","variants","state","hover","focus","active","unfocus","error","defaultVariants","Input","forwardRef","placeholder","onChange","onClear","showClearButton","onFocus","onBlur","inputRef","props","ref","internalValue","setInternalValue","useState","isFocused","setIsFocused","isActive","setIsActive","innerInputRef","useRef","currentValue","undefined","hasValue","length","currentState","handleChange","e","newValue","target","handleFocus","handleBlur","handleClear","preventDefault","stopPropagation","currentRef","current","inputClasses","cn","SearchIconSmall","type","onClick","_default"],"sources":["../../src/components/input.tsx"],"sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { forwardRef, useRef, useState } from 'react'\n\nimport { SearchIconSmall } from '../icons'\nimport { cn } from '../utils/cn'\n\n// Close icon component\nconst CloseIcon = ({ className }: { className?: string }) => (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    fill=\"none\"\n    className={className}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle cx=\"10\" cy=\"10\" r=\"10\" fill=\"currentColor\" />\n    <path\n      d=\"M7 7l6 6M13 7l-6 6\"\n      stroke=\"white\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst inputVariants = cva(\n  // Base styles\n  'prose-p1 desktop:bg-white! px-4 py-1.5 h-11 flex items-center rounded-full border border-transparent bg-neutral-100 transition-colors duration-200 hover:border-neutral-600',\n  {\n    variants: {\n      state: {\n        default: 'border-transparent',\n        hover: 'border-neutral-600',\n        focus: 'border-neutral-600',\n        active: 'border-neutral-600',\n        unfocus: 'border-transparent',\n        error: 'border-red-600',\n      },\n    },\n    defaultVariants: {\n      state: 'default',\n    },\n  }\n)\n\nexport type InputProps = {\n  placeholder?: string\n  value?: string\n  onChange?: (value: string) => void\n  onClear?: () => void\n  showClearButton?: boolean\n  children?: React.ReactNode\n  inputRef?: React.RefObject<HTMLInputElement>\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'>\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      placeholder = '搜尋更多新聞、議題',\n      value,\n      onChange,\n      onClear,\n      showClearButton = true,\n      className,\n      onFocus,\n      onBlur,\n      inputRef,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState('')\n    const [isFocused, setIsFocused] = useState(false)\n    const [isActive, setIsActive] = useState(false)\n    const innerInputRef = useRef<HTMLInputElement>(null)\n    const currentValue = value !== undefined ? value : internalValue\n    const hasValue = currentValue.length > 0\n\n    // Determine current state\n    const currentState = isFocused\n      ? 'focus'\n      : hasValue\n        ? isActive\n          ? 'active'\n          : 'unfocus'\n        : 'default'\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value\n      if (onChange) {\n        onChange(newValue)\n      } else {\n        setInternalValue(newValue)\n      }\n      setIsActive(true)\n    }\n\n    const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (onFocus) {\n        onFocus(e)\n      }\n      setIsFocused(true)\n      setIsActive(true)\n    }\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (onBlur) {\n        onBlur(e)\n      }\n      setIsFocused(false)\n      setIsActive(false)\n    }\n\n    const handleClear = (e: React.MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n\n      if (onChange) {\n        onChange('')\n      } else {\n        setInternalValue('')\n      }\n      if (onClear) {\n        onClear()\n      }\n\n      const currentRef = inputRef ?? innerInputRef\n      currentRef.current?.focus()\n    }\n\n    const inputClasses = cn(inputVariants({ state: currentState }), className)\n\n    return (\n      <div className=\"gap-2 flex flex-col\">\n        <div className={inputClasses} ref={ref}>\n          <div className=\"text-neutral-600\">\n            <SearchIconSmall />\n          </div>\n          <input\n            type=\"text\"\n            value={currentValue}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            placeholder={placeholder}\n            className=\"placeholder:font-medium ml-2 max-w-[72%] flex-1 flex-shrink-1 bg-transparent text-neutral-900 placeholder:text-neutral-400 focus:outline-none\"\n            ref={inputRef ?? innerInputRef}\n            {...props}\n          />\n\n          {showClearButton && hasValue && (\n            <button\n              type=\"button\"\n              onClick={handleClear}\n              className=\"p-1/2 ml-auto flex-shrink-0 cursor-pointer rounded-full text-neutral-400 transition-colors hover:text-neutral-600 active:bg-neutral-200\"\n              aria-label=\"Clear input\"\n            >\n              <CloseIcon />\n            </button>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n\nexport default Input\n"],"mappings":"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"}

package/dist/constants/default-values.d.ts

@@ -0,0 +1,12 @@
+import { MenuItem } from '../types';
+export declare const SUBSCRIBE_URL = "https://solink.soundon.fm/kidstwreporter";
+export declare const DONATE_URL = "https://support.twreporter.org/";
+export declare const PRIVACY_POLICY = "https://www.twreporter.org/a/privacy-policy";
+export declare const SEARCH_PLACEHOLDER = "\u641C\u5C0B\u66F4\u591A\u65B0\u805E\u3001\u8B70\u984C";
+export declare const MENU_ITEMS: MenuItem[];
+export declare const ADDITIONAL_MENU_ITEMS: MenuItem[];
+export declare const SOCIAL_MEDIA_ITEMS: {
+    label: string;
+    href: string;
+}[];
+//# sourceMappingURL=default-values.d.ts.map

package/dist/constants/default-values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-values.d.ts","sourceRoot":"","sources":["../../src/constants/default-values.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC,eAAO,MAAM,aAAa,6CAA6C,CAAA;AACvE,eAAO,MAAM,UAAU,oCAAoC,CAAA;AAC3D,eAAO,MAAM,cAAc,gDAAgD,CAAA;AAC3E,eAAO,MAAM,kBAAkB,2DAAc,CAAA;AAE7C,eAAO,MAAM,UAAU,EAAE,QAAQ,EAoEhC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,QAAQ,EA+C3C,CAAA;AAED,eAAO,MAAM,kBAAkB;;;GAyB9B,CAAA"}

package/dist/constants/default-values.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SUBSCRIBE_URL = exports.SOCIAL_MEDIA_ITEMS = exports.SEARCH_PLACEHOLDER = exports.PRIVACY_POLICY = exports.MENU_ITEMS = exports.DONATE_URL = exports.ADDITIONAL_MENU_ITEMS = void 0;
+var _icons = require("../icons");
+var _jsxRuntime = require("react/jsx-runtime");
+const SUBSCRIBE_URL = exports.SUBSCRIBE_URL = 'https://solink.soundon.fm/kidstwreporter';
+const DONATE_URL = exports.DONATE_URL = 'https://support.twreporter.org/';
+const PRIVACY_POLICY = exports.PRIVACY_POLICY = 'https://www.twreporter.org/a/privacy-policy';
+const SEARCH_PLACEHOLDER = exports.SEARCH_PLACEHOLDER = '搜尋更多新聞、議題';
+const MENU_ITEMS = exports.MENU_ITEMS = [{
+  label: '最新',
+  href: '/all',
+  subItems: []
+}, {
+  label: '專題',
+  href: '/topic/page',
+  subItems: []
+}, {
+  label: '新聞',
+  href: '/category/news',
+  subItems: [{
+    label: '焦點新聞',
+    href: '/category/news/times'
+  }, {
+    label: '真的假的',
+    href: '/category/news/knowledge'
+  }, {
+    label: '人物故事',
+    href: '/category/news/story'
+  }, {
+    label: '文化報導',
+    href: '/category/news/explore'
+  }, {
+    label: '專欄',
+    href: '/category/news/column'
+  }, {
+    label: '英文新聞',
+    href: '/categories/news/english-version'
+  }]
+}, {
+  label: '多媒體',
+  href: '/category/comics',
+  subItems: [{
+    label: '圖解新聞',
+    href: '/category/comics/times'
+  }, {
+    label: '新聞遊戲',
+    href: '/category/comics/test-news'
+  }, {
+    label: '圖文故事',
+    href: '/category/comics/graphic-story'
+  }]
+}, {
+  label: '校園',
+  href: '/category/campus/news-classroom',
+  subItems: [{
+    label: '校園寶可夢',
+    href: '/category/campus/campus-pokemon'
+  }, {
+    label: '上課好好玩',
+    href: '/category/campus/teaching'
+  }, {
+    label: '小讀者連線',
+    href: '/category/campus/joining'
+  }]
+}, {
+  label: 'Podcast',
+  href: '/category/listening-news',
+  subItems: [{
+    label: '小記者，問什麼？',
+    href: '/category/listening-news/kids-reporter-ask'
+  }, {
+    label: '新聞讀報',
+    href: '/category/listening-news/multilingual-listening-news'
+  }, {
+    label: '新聞關鍵字',
+    href: '/category/listening-news/listening-news-keywords'
+  }, {
+    label: '文化關鍵字',
+    href: '/category/listening-news/listening-news-culture-keywords'
+  }]
+}, {
+  label: '教案',
+  href: '/category/classroom',
+  subItems: []
+}];
+const ADDITIONAL_MENU_ITEMS = exports.ADDITIONAL_MENU_ITEMS = [{
+  label: '閱讀探索設定',
+  href: '/reading-settings',
+  subItems: [],
+  showIcon: true,
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SettingsIconSmall, {})
+}, {
+  label: '關於我們',
+  href: '/about',
+  subItems: []
+}, {
+  label: '呼叫報導仔流程',
+  href: '/about#callkidsreporter',
+  subItems: []
+}, {
+  label: '投稿專區',
+  href: 'https://forms.gle/49AEG8kFj7QWjgij8',
+  subItems: [],
+  external: true
+}, {
+  label: '加入小記者',
+  href: 'https://forms.gle/eGq5jagNTwriwSCX6',
+  subItems: [],
+  external: true
+}, {
+  label: '訂閱Podcast',
+  href: 'https://solink.soundon.fm/kidstwreporter',
+  subItems: [],
+  external: true
+}, {
+  label: '聯絡我們',
+  href: '/about#mail',
+  subItems: []
+}, {
+  label: '前往《報導者》',
+  href: 'https://www.twreporter.org/',
+  subItems: [],
+  external: true
+}];
+const SOCIAL_MEDIA_ITEMS = exports.SOCIAL_MEDIA_ITEMS = [{
+  label: 'Facebook',
+  href: 'https://www.facebook.com/twreporter/'
+}, {
+  label: 'Instagram',
+  href: 'https://www.instagram.com/twreporter/'
+}, {
+  label: 'YouTube',
+  href: 'https://www.youtube.com/@TwreporterOrg'
+}, {
+  label: 'Threads',
+  href: 'https://www.threads.com/@twreporter'
+}, {
+  label: 'Medium',
+  href: 'https://medium.com/twreporter'
+}, {
+  label: 'RSS',
+  href: 'https://kids-storage.twreporter.org/rss/rss.xml'
+}];
+//# sourceMappingURL=default-values.js.map

package/dist/constants/default-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-values.js","names":["_icons","require","_jsxRuntime","SUBSCRIBE_URL","exports","DONATE_URL","PRIVACY_POLICY","SEARCH_PLACEHOLDER","MENU_ITEMS","label","href","subItems","ADDITIONAL_MENU_ITEMS","showIcon","icon","jsx","SettingsIconSmall","external","SOCIAL_MEDIA_ITEMS"],"sources":["../../src/constants/default-values.tsx"],"sourcesContent":["import { SettingsIconSmall } from '../icons'\nimport { MenuItem } from '../types'\n\nexport const SUBSCRIBE_URL = 'https://solink.soundon.fm/kidstwreporter'\nexport const DONATE_URL = 'https://support.twreporter.org/'\nexport const PRIVACY_POLICY = 'https://www.twreporter.org/a/privacy-policy'\nexport const SEARCH_PLACEHOLDER = '搜尋更多新聞、議題'\n\nexport const MENU_ITEMS: MenuItem[] = [\n  {\n    label: '最新',\n    href: '/all',\n    subItems: [],\n  },\n  {\n    label: '專題',\n    href: '/topic/page',\n    subItems: [],\n  },\n  {\n    label: '新聞',\n    href: '/category/news',\n    subItems: [\n      { label: '焦點新聞', href: '/category/news/times' },\n      { label: '真的假的', href: '/category/news/knowledge' },\n      { label: '人物故事', href: '/category/news/story' },\n      { label: '文化報導', href: '/category/news/explore' },\n      { label: '專欄', href: '/category/news/column' },\n      { label: '英文新聞', href: '/categories/news/english-version' },\n    ],\n  },\n  {\n    label: '多媒體',\n    href: '/category/comics',\n    subItems: [\n      { label: '圖解新聞', href: '/category/comics/times' },\n      { label: '新聞遊戲', href: '/category/comics/test-news' },\n      { label: '圖文故事', href: '/category/comics/graphic-story' },\n    ],\n  },\n  {\n    label: '校園',\n    href: '/category/campus/news-classroom',\n    subItems: [\n      { label: '校園寶可夢', href: '/category/campus/campus-pokemon' },\n      { label: '上課好好玩', href: '/category/campus/teaching' },\n      { label: '小讀者連線', href: '/category/campus/joining' },\n    ],\n  },\n  {\n    label: 'Podcast',\n    href: '/category/listening-news',\n    subItems: [\n      {\n        label: '小記者，問什麼？',\n        href: '/category/listening-news/kids-reporter-ask',\n      },\n      {\n        label: '新聞讀報',\n        href: '/category/listening-news/multilingual-listening-news',\n      },\n      {\n        label: '新聞關鍵字',\n        href: '/category/listening-news/listening-news-keywords',\n      },\n      {\n        label: '文化關鍵字',\n        href: '/category/listening-news/listening-news-culture-keywords',\n      },\n    ],\n  },\n  {\n    label: '教案',\n    href: '/category/classroom',\n    subItems: [],\n  },\n]\n\nexport const ADDITIONAL_MENU_ITEMS: MenuItem[] = [\n  {\n    label: '閱讀探索設定',\n    href: '/reading-settings',\n    subItems: [],\n    showIcon: true,\n    icon: <SettingsIconSmall />,\n  },\n  {\n    label: '關於我們',\n    href: '/about',\n    subItems: [],\n  },\n  {\n    label: '呼叫報導仔流程',\n    href: '/about#callkidsreporter',\n    subItems: [],\n  },\n  {\n    label: '投稿專區',\n    href: 'https://forms.gle/49AEG8kFj7QWjgij8',\n    subItems: [],\n    external: true,\n  },\n  {\n    label: '加入小記者',\n    href: 'https://forms.gle/eGq5jagNTwriwSCX6',\n    subItems: [],\n    external: true,\n  },\n  {\n    label: '訂閱Podcast',\n    href: 'https://solink.soundon.fm/kidstwreporter',\n    subItems: [],\n    external: true,\n  },\n  {\n    label: '聯絡我們',\n    href: '/about#mail',\n    subItems: [],\n  },\n  {\n    label: '前往《報導者》',\n    href: 'https://www.twreporter.org/',\n    subItems: [],\n    external: true,\n  },\n]\n\nexport const SOCIAL_MEDIA_ITEMS = [\n  {\n    label: 'Facebook',\n    href: 'https://www.facebook.com/twreporter/',\n  },\n  {\n    label: 'Instagram',\n    href: 'https://www.instagram.com/twreporter/',\n  },\n  {\n    label: 'YouTube',\n    href: 'https://www.youtube.com/@TwreporterOrg',\n  },\n  {\n    label: 'Threads',\n    href: 'https://www.threads.com/@twreporter',\n  },\n  {\n    label: 'Medium',\n    href: 'https://medium.com/twreporter',\n  },\n  {\n    label: 'RSS',\n    href: 'https://kids-storage.twreporter.org/rss/rss.xml',\n  },\n]\n"],"mappings":"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"}

package/dist/footer.d.ts

@@ -0,0 +1,10 @@
+import { MenuItem, SocialMediaHrefs } from './types';
+type FooterProps = {
+    socialMediaHrefs?: SocialMediaHrefs;
+    additionalMenuItems?: MenuItem[];
+    donateUrl?: string;
+    privacyPolicyUrl?: string;
+};
+declare const Footer: ({ socialMediaHrefs, additionalMenuItems, donateUrl, privacyPolicyUrl, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export default Footer;
+//# sourceMappingURL=footer.d.ts.map

package/dist/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../src/footer.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAGpD,KAAK,WAAW,GAAG;IACjB,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,mBAAmB,CAAC,EAAE,QAAQ,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,MAAM,GAAI,yEAKb,WAAW,4CA0Hb,CAAA;AAED,eAAe,MAAM,CAAA"}