@ayasofyazilim/ui 0.0.4 → 0.0.6

package/dist/components/stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/stepper.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { createContext, useContext } from \"react\";\r\nimport { CheckIcon, LoaderCircleIcon } from \"lucide-react\";\r\nimport { Slot } from \"radix-ui\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\n\r\n// Types\r\ntype StepperContextValue = {\r\n  activeStep: number;\r\n  setActiveStep: (step: number) => void;\r\n  orientation: \"horizontal\" | \"vertical\";\r\n};\r\n\r\ntype StepItemContextValue = {\r\n  step: number;\r\n  state: StepState;\r\n  isDisabled: boolean;\r\n  isLoading: boolean;\r\n};\r\n\r\ntype StepState = \"active\" | \"completed\" | \"inactive\" | \"loading\";\r\n\r\n// Contexts\r\nconst StepperContext = createContext<StepperContextValue | undefined>(\r\n  undefined\r\n);\r\nconst StepItemContext = createContext<StepItemContextValue | undefined>(\r\n  undefined\r\n);\r\n\r\nconst useStepper = () => {\r\n  const context = useContext(StepperContext);\r\n  if (!context) {\r\n    throw new Error(\"useStepper must be used within a Stepper\");\r\n  }\r\n  return context;\r\n};\r\n\r\nconst useStepItem = () => {\r\n  const context = useContext(StepItemContext);\r\n  if (!context) {\r\n    throw new Error(\"useStepItem must be used within a StepperItem\");\r\n  }\r\n  return context;\r\n};\r\n\r\n// Components\r\ninterface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  defaultValue?: number;\r\n  value?: number;\r\n  onValueChange?: (value: number) => void;\r\n  orientation?: \"horizontal\" | \"vertical\";\r\n}\r\n\r\nfunction Stepper({\r\n  defaultValue = 0,\r\n  value,\r\n  onValueChange,\r\n  orientation = \"horizontal\",\r\n  className,\r\n  ...props\r\n}: StepperProps) {\r\n  const [activeStep, setInternalStep] = React.useState(defaultValue);\r\n\r\n  const setActiveStep = React.useCallback(\r\n    (step: number) => {\r\n      if (value === undefined) {\r\n        setInternalStep(step);\r\n      }\r\n      onValueChange?.(step);\r\n    },\r\n    [value, onValueChange]\r\n  );\r\n\r\n  const currentStep = value ?? activeStep;\r\n\r\n  return (\r\n    <StepperContext.Provider\r\n      value={{\r\n        activeStep: currentStep,\r\n        setActiveStep,\r\n        orientation,\r\n      }}\r\n    >\r\n      <div\r\n        data-slot=\"stepper\"\r\n        className={cn(\r\n          \"group/stepper inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col\",\r\n          className\r\n        )}\r\n        data-orientation={orientation}\r\n        {...props}\r\n      />\r\n    </StepperContext.Provider>\r\n  );\r\n}\r\n\r\n// StepperItem\r\ninterface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  step: number;\r\n  completed?: boolean;\r\n  disabled?: boolean;\r\n  loading?: boolean;\r\n}\r\n\r\nfunction StepperItem({\r\n  step,\r\n  completed = false,\r\n  disabled = false,\r\n  loading = false,\r\n  className,\r\n  children,\r\n  ...props\r\n}: StepperItemProps) {\r\n  const { activeStep } = useStepper();\r\n\r\n  const state: StepState =\r\n    completed || step < activeStep\r\n      ? \"completed\"\r\n      : activeStep === step\r\n        ? \"active\"\r\n        : \"inactive\";\r\n\r\n  const isLoading = loading && step === activeStep;\r\n\r\n  return (\r\n    <StepItemContext.Provider\r\n      value={{ step, state, isDisabled: disabled, isLoading }}\r\n    >\r\n      <div\r\n        data-slot=\"stepper-item\"\r\n        className={cn(\r\n          \"group/step flex items-center group-data-[orientation=horizontal]/stepper:flex-row group-data-[orientation=vertical]/stepper:flex-col\",\r\n          className\r\n        )}\r\n        data-state={state}\r\n        {...(isLoading ? { \"data-loading\": true } : {})}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </div>\r\n    </StepItemContext.Provider>\r\n  );\r\n}\r\n\r\n// StepperTrigger\r\ninterface StepperTriggerProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  asChild?: boolean;\r\n}\r\n\r\nfunction StepperTrigger({\r\n  asChild = false,\r\n  className,\r\n  children,\r\n  ...props\r\n}: StepperTriggerProps) {\r\n  const { setActiveStep } = useStepper();\r\n  const { step, isDisabled } = useStepItem();\r\n\r\n  if (asChild) {\r\n    const Comp = asChild ? Slot.Root : \"span\";\r\n    return (\r\n      <Comp data-slot=\"stepper-trigger\" className={className}>\r\n        {children}\r\n      </Comp>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      data-slot=\"stepper-trigger\"\r\n      className={cn(\r\n        \"focus-visible:border-ring focus-visible:ring-ring/50 inline-flex items-center gap-3 rounded-full outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50\",\r\n        className\r\n      )}\r\n      onClick={() => setActiveStep(step)}\r\n      disabled={isDisabled}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </button>\r\n  );\r\n}\r\n\r\n// StepperIndicator\r\ninterface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  asChild?: boolean;\r\n}\r\n\r\nfunction StepperIndicator({\r\n  asChild = false,\r\n  className,\r\n  children,\r\n  ...props\r\n}: StepperIndicatorProps) {\r\n  const { state, step, isLoading } = useStepItem();\r\n\r\n  return (\r\n    <span\r\n      data-slot=\"stepper-indicator\"\r\n      className={cn(\r\n        \"bg-muted text-muted-foreground data-[state=active]:bg-primary data-[state=completed]:bg-primary data-[state=active]:text-primary-foreground data-[state=completed]:text-primary-foreground relative flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-medium\",\r\n        className\r\n      )}\r\n      data-state={state}\r\n      {...props}\r\n    >\r\n      {asChild ? (\r\n        children\r\n      ) : (\r\n        <>\r\n          <span className=\"transition-all group-data-loading/step:scale-0 group-data-loading/step:opacity-0 group-data-loading/step:transition-none group-data-[state=completed]/step:scale-0 group-data-[state=completed]/step:opacity-0\">\r\n            {step}\r\n          </span>\r\n          <CheckIcon\r\n            className=\"absolute scale-0 opacity-0 transition-all group-data-[state=completed]/step:scale-100 group-data-[state=completed]/step:opacity-100\"\r\n            size={16}\r\n            aria-hidden=\"true\"\r\n          />\r\n          {isLoading && (\r\n            <span className=\"absolute transition-all\">\r\n              <LoaderCircleIcon\r\n                className=\"animate-spin\"\r\n                size={14}\r\n                aria-hidden=\"true\"\r\n              />\r\n            </span>\r\n          )}\r\n        </>\r\n      )}\r\n    </span>\r\n  );\r\n}\r\n\r\n// StepperTitle\r\nfunction StepperTitle({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLHeadingElement>) {\r\n  return (\r\n    <h3\r\n      data-slot=\"stepper-title\"\r\n      className={cn(\"text-sm font-medium\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\n// StepperDescription\r\nfunction StepperDescription({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLParagraphElement>) {\r\n  return (\r\n    <p\r\n      data-slot=\"stepper-description\"\r\n      className={cn(\"text-muted-foreground text-sm\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\n// StepperSeparator\r\nfunction StepperSeparator({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) {\r\n  return (\r\n    <div\r\n      data-slot=\"stepper-separator\"\r\n      className={cn(\r\n        \"bg-muted group-data-[state=completed]/step:bg-primary m-0.5 group-data-[orientation=horizontal]/stepper:h-0.5 group-data-[orientation=horizontal]/stepper:w-full group-data-[orientation=horizontal]/stepper:flex-1 group-data-[orientation=vertical]/stepper:h-12 group-data-[orientation=vertical]/stepper:w-0.5\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {\r\n  Stepper,\r\n  StepperDescription,\r\n  StepperIndicator,\r\n  StepperItem,\r\n  StepperSeparator,\r\n  StepperTitle,\r\n  StepperTrigger,\r\n};\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/stepper.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { createContext, useContext } from \"react\";\r\nimport { CheckIcon, LoaderCircleIcon } from \"lucide-react\";\r\nimport { Slot } from \"radix-ui\";\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\n\r\n// Types\r\ntype StepperContextValue = {\r\n  activeStep: number;\r\n  setActiveStep: (step: number) => void;\r\n  orientation: \"horizontal\" | \"vertical\";\r\n};\r\n\r\ntype StepItemContextValue = {\r\n  step: number;\r\n  state: StepState;\r\n  isDisabled: boolean;\r\n  isLoading: boolean;\r\n};\r\n\r\ntype StepState = \"active\" | \"completed\" | \"inactive\" | \"loading\";\r\n\r\n// Contexts\r\nconst StepperContext = createContext<StepperContextValue | undefined>(\r\n  undefined,\r\n);\r\nconst StepItemContext = createContext<StepItemContextValue | undefined>(\r\n  undefined,\r\n);\r\n\r\nconst useStepper = () => {\r\n  const context = useContext(StepperContext);\r\n  if (!context) {\r\n    throw new Error(\"useStepper must be used within a Stepper\");\r\n  }\r\n  return context;\r\n};\r\n\r\nconst useStepItem = () => {\r\n  const context = useContext(StepItemContext);\r\n  if (!context) {\r\n    throw new Error(\"useStepItem must be used within a StepperItem\");\r\n  }\r\n  return context;\r\n};\r\n\r\n// Components\r\ninterface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  defaultValue?: number;\r\n  value?: number;\r\n  onValueChange?: (value: number) => void;\r\n  orientation?: \"horizontal\" | \"vertical\";\r\n}\r\n\r\nfunction Stepper({\r\n  defaultValue = 0,\r\n  value,\r\n  onValueChange,\r\n  orientation = \"horizontal\",\r\n  className,\r\n  ...props\r\n}: StepperProps) {\r\n  const [activeStep, setInternalStep] = React.useState(defaultValue);\r\n\r\n  const setActiveStep = React.useCallback(\r\n    (step: number) => {\r\n      if (value === undefined) {\r\n        setInternalStep(step);\r\n      }\r\n      onValueChange?.(step);\r\n    },\r\n    [value, onValueChange],\r\n  );\r\n\r\n  const currentStep = value ?? activeStep;\r\n\r\n  return (\r\n    <StepperContext.Provider\r\n      value={{\r\n        activeStep: currentStep,\r\n        setActiveStep,\r\n        orientation,\r\n      }}\r\n    >\r\n      <div\r\n        data-slot=\"stepper\"\r\n        className={cn(\r\n          \"group/stepper inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col\",\r\n          className,\r\n        )}\r\n        data-orientation={orientation}\r\n        {...props}\r\n      />\r\n    </StepperContext.Provider>\r\n  );\r\n}\r\n\r\n// StepperItem\r\ninterface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  step: number;\r\n  completed?: boolean;\r\n  disabled?: boolean;\r\n  loading?: boolean;\r\n}\r\n\r\nfunction StepperItem({\r\n  step,\r\n  completed = false,\r\n  disabled = false,\r\n  loading = false,\r\n  className,\r\n  children,\r\n  ...props\r\n}: StepperItemProps) {\r\n  const { activeStep } = useStepper();\r\n\r\n  const state: StepState =\r\n    completed || step < activeStep\r\n      ? \"completed\"\r\n      : activeStep === step\r\n        ? \"active\"\r\n        : \"inactive\";\r\n\r\n  const isLoading = loading && step === activeStep;\r\n\r\n  return (\r\n    <StepItemContext.Provider\r\n      value={{ step, state, isDisabled: disabled, isLoading }}\r\n    >\r\n      <div\r\n        data-slot=\"stepper-item\"\r\n        className={cn(\r\n          \"group/step flex items-center group-data-[orientation=horizontal]/stepper:flex-row group-data-[orientation=vertical]/stepper:flex-col\",\r\n          className,\r\n        )}\r\n        data-state={state}\r\n        {...(isLoading ? { \"data-loading\": true } : {})}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </div>\r\n    </StepItemContext.Provider>\r\n  );\r\n}\r\n\r\n// StepperTrigger\r\ninterface StepperTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  asChild?: boolean;\r\n}\r\n\r\nfunction StepperTrigger({\r\n  asChild = false,\r\n  className,\r\n  children,\r\n  ...props\r\n}: StepperTriggerProps) {\r\n  const { setActiveStep } = useStepper();\r\n  const { step, isDisabled } = useStepItem();\r\n\r\n  if (asChild) {\r\n    const Comp = asChild ? Slot.Root : \"span\";\r\n    return (\r\n      <Comp data-slot=\"stepper-trigger\" className={className}>\r\n        {children}\r\n      </Comp>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      data-slot=\"stepper-trigger\"\r\n      className={cn(\r\n        \"focus-visible:border-ring focus-visible:ring-ring/50 inline-flex items-center gap-3 rounded-full outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50\",\r\n        className,\r\n      )}\r\n      onClick={() => setActiveStep(step)}\r\n      disabled={isDisabled}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </button>\r\n  );\r\n}\r\n\r\n// StepperIndicator\r\ninterface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  asChild?: boolean;\r\n}\r\n\r\nfunction StepperIndicator({\r\n  asChild = false,\r\n  className,\r\n  children,\r\n  ...props\r\n}: StepperIndicatorProps) {\r\n  const { state, step, isLoading } = useStepItem();\r\n\r\n  return (\r\n    <span\r\n      data-slot=\"stepper-indicator\"\r\n      className={cn(\r\n        \"bg-muted text-muted-foreground data-[state=active]:bg-primary data-[state=completed]:bg-primary data-[state=active]:text-primary-foreground data-[state=completed]:text-primary-foreground relative flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-medium\",\r\n        className,\r\n      )}\r\n      data-state={state}\r\n      {...props}\r\n    >\r\n      {asChild ? (\r\n        children\r\n      ) : (\r\n        <>\r\n          <span className=\"transition-all group-data-loading/step:scale-0 group-data-loading/step:opacity-0 group-data-loading/step:transition-none group-data-[state=completed]/step:scale-0 group-data-[state=completed]/step:opacity-0\">\r\n            {step}\r\n          </span>\r\n          <CheckIcon\r\n            className=\"absolute scale-0 opacity-0 transition-all group-data-[state=completed]/step:scale-100 group-data-[state=completed]/step:opacity-100\"\r\n            size={16}\r\n            aria-hidden=\"true\"\r\n          />\r\n          {isLoading && (\r\n            <span className=\"absolute transition-all\">\r\n              <LoaderCircleIcon\r\n                className=\"animate-spin\"\r\n                size={14}\r\n                aria-hidden=\"true\"\r\n              />\r\n            </span>\r\n          )}\r\n        </>\r\n      )}\r\n    </span>\r\n  );\r\n}\r\n\r\n// StepperTitle\r\nfunction StepperTitle({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLHeadingElement>) {\r\n  return (\r\n    <h3\r\n      data-slot=\"stepper-title\"\r\n      className={cn(\"text-sm font-medium\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\n// StepperDescription\r\nfunction StepperDescription({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLParagraphElement>) {\r\n  return (\r\n    <p\r\n      data-slot=\"stepper-description\"\r\n      className={cn(\"text-muted-foreground text-sm\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\n// StepperSeparator\r\nfunction StepperSeparator({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) {\r\n  return (\r\n    <div\r\n      data-slot=\"stepper-separator\"\r\n      className={cn(\r\n        \"bg-muted group-data-[state=completed]/step:bg-primary m-0.5 group-data-[orientation=horizontal]/stepper:h-0.5 group-data-[orientation=horizontal]/stepper:w-full group-data-[orientation=horizontal]/stepper:flex-1 group-data-[orientation=vertical]/stepper:h-12 group-data-[orientation=vertical]/stepper:w-0.5\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {\r\n  Stepper,\r\n  StepperDescription,\r\n  StepperIndicator,\r\n  StepperItem,\r\n  StepperSeparator,\r\n  StepperTitle,\r\n  StepperTrigger,\r\n};\r\n"],"mappings":"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","names":[]}

package/dist/components/switch.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 function Switch({
   className,
   ...props

package/dist/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/switch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\r\n\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\n\r\nfunction Switch({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\r\n  return (\r\n    <SwitchPrimitive.Root\r\n      data-slot=\"switch\"\r\n      className={cn(\r\n        \"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <SwitchPrimitive.Thumb\r\n        data-slot=\"switch-thumb\"\r\n        className={cn(\r\n          \"bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0\"\r\n        )}\r\n      />\r\n    </SwitchPrimitive.Root>\r\n  );\r\n}\r\n\r\nexport { Switch };\r\n"],"mappings":";AAoBM;AAjBN,YAAY,qBAAqB;AAEjC,SAAS,UAAU;AAEnB,SAAS,OAAO;AAAA,EACd;AAAA,EACA,GAAG;AACL,GAAsD;AACpD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,aAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/switch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\r\n\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\n\r\nfunction Switch({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\r\n  return (\r\n    <SwitchPrimitive.Root\r\n      data-slot=\"switch\"\r\n      className={cn(\r\n        \"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      <SwitchPrimitive.Thumb\r\n        data-slot=\"switch-thumb\"\r\n        className={cn(\r\n          \"bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0\",\r\n        )}\r\n      />\r\n    </SwitchPrimitive.Root>\r\n  );\r\n}\r\n\r\nexport { Switch };\r\n"],"mappings":";AAoBM;AAjBN,YAAY,qBAAqB;AAEjC,SAAS,UAAU;AAEnB,SAAS,OAAO;AAAA,EACd;AAAA,EACA,GAAG;AACL,GAAsD;AACpD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,aAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/table.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 function Table({
   className,
   wrapperClassName,

package/dist/components/table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/table.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\n\r\nfunction Table({\r\n  className,\r\n  wrapperClassName,\r\n  wrap = true,\r\n  ...props\r\n}: React.ComponentProps<\"table\"> & {\r\n  wrapperClassName?: string;\r\n  wrap?: boolean;\r\n}) {\r\n  if (!wrap) {\r\n    return (\r\n      <table\r\n        data-slot=\"table\"\r\n        className={cn(\"w-full caption-bottom text-sm\", className)}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n  return (\r\n    <div\r\n      data-slot=\"table-container\"\r\n      className={cn(\"relative w-full overflow-x-auto\", wrapperClassName)}\r\n    >\r\n      <table\r\n        data-slot=\"table\"\r\n        className={cn(\"w-full caption-bottom text-sm\", className)}\r\n        {...props}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\r\n  return (\r\n    <thead\r\n      data-slot=\"table-header\"\r\n      className={cn(\"[&_tr]:border-b\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\r\n  return (\r\n    <tbody\r\n      data-slot=\"table-body\"\r\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\r\n  return (\r\n    <tfoot\r\n      data-slot=\"table-footer\"\r\n      className={cn(\r\n        \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\r\n  return (\r\n    <tr\r\n      data-slot=\"table-row\"\r\n      className={cn(\r\n        \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\r\n  return (\r\n    <th\r\n      data-slot=\"table-head\"\r\n      className={cn(\r\n        \"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-0.5\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\r\n  return (\r\n    <td\r\n      data-slot=\"table-cell\"\r\n      className={cn(\r\n        \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-0.5\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableCaption({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<\"caption\">) {\r\n  return (\r\n    <caption\r\n      data-slot=\"table-caption\"\r\n      className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {\r\n  Table,\r\n  TableHeader,\r\n  TableBody,\r\n  TableFooter,\r\n  TableHead,\r\n  TableRow,\r\n  TableCell,\r\n  TableCaption,\r\n};\r\n"],"mappings":";AAiBM;AAbN,SAAS,UAAU;AAEnB,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAGG;AACD,MAAI,CAAC,MAAM;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,QACvD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mCAAmC,gBAAgB;AAAA,MAEjE;AAAA,QAAC;AAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,UACvD,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mBAAmB,SAAS;AAAA,MACzC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAkC;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAA+B;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAA+B;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAA+B;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAoC;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/table.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\n\r\nfunction Table({\r\n  className,\r\n  wrapperClassName,\r\n  wrap = true,\r\n  ...props\r\n}: React.ComponentProps<\"table\"> & {\r\n  wrapperClassName?: string;\r\n  wrap?: boolean;\r\n}) {\r\n  if (!wrap) {\r\n    return (\r\n      <table\r\n        data-slot=\"table\"\r\n        className={cn(\"w-full caption-bottom text-sm\", className)}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n  return (\r\n    <div\r\n      data-slot=\"table-container\"\r\n      className={cn(\"relative w-full overflow-x-auto\", wrapperClassName)}\r\n    >\r\n      <table\r\n        data-slot=\"table\"\r\n        className={cn(\"w-full caption-bottom text-sm\", className)}\r\n        {...props}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\r\n  return (\r\n    <thead\r\n      data-slot=\"table-header\"\r\n      className={cn(\"[&_tr]:border-b\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\r\n  return (\r\n    <tbody\r\n      data-slot=\"table-body\"\r\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\r\n  return (\r\n    <tfoot\r\n      data-slot=\"table-footer\"\r\n      className={cn(\r\n        \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\r\n  return (\r\n    <tr\r\n      data-slot=\"table-row\"\r\n      className={cn(\r\n        \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\r\n  return (\r\n    <th\r\n      data-slot=\"table-head\"\r\n      className={cn(\r\n        \"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-0.5\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\r\n  return (\r\n    <td\r\n      data-slot=\"table-cell\"\r\n      className={cn(\r\n        \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-0.5\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableCaption({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<\"caption\">) {\r\n  return (\r\n    <caption\r\n      data-slot=\"table-caption\"\r\n      className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {\r\n  Table,\r\n  TableHeader,\r\n  TableBody,\r\n  TableFooter,\r\n  TableHead,\r\n  TableRow,\r\n  TableCell,\r\n  TableCaption,\r\n};\r\n"],"mappings":";AAiBM;AAbN,SAAS,UAAU;AAEnB,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAGG;AACD,MAAI,CAAC,MAAM;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,QACvD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mCAAmC,gBAAgB;AAAA,MAEjE;AAAA,QAAC;AAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,UACvD,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mBAAmB,SAAS;AAAA,MACzC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAkC;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAA+B;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAA+B;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAA+B;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAoC;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/tabs.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 function Tabs({
   className,
   ...props

package/dist/components/tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/tabs.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\r\n\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\n\r\nfunction Tabs({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\r\n  return (\r\n    <TabsPrimitive.Root\r\n      data-slot=\"tabs\"\r\n      className={cn(\"flex flex-col gap-2\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TabsList({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\r\n  return (\r\n    <TabsPrimitive.List\r\n      data-slot=\"tabs-list\"\r\n      className={cn(\r\n        \"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TabsTrigger({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\r\n  return (\r\n    <TabsPrimitive.Trigger\r\n      data-slot=\"tabs-trigger\"\r\n      className={cn(\r\n        \"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TabsContent({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\r\n  return (\r\n    <TabsPrimitive.Content\r\n      data-slot=\"tabs-content\"\r\n      className={cn(\"flex-1 outline-none\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\r\n"],"mappings":";AAYI;AATJ,YAAY,mBAAmB;AAE/B,SAAS,UAAU;AAEnB,SAAS,KAAK;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAoD;AAClD,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,uBAAuB,SAAS;AAAA,MAC7C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA,GAAG;AACL,GAAoD;AAClD,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAuD;AACrD,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAuD;AACrD,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,uBAAuB,SAAS;AAAA,MAC7C,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/tabs.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\r\n\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\n\r\nfunction Tabs({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\r\n  return (\r\n    <TabsPrimitive.Root\r\n      data-slot=\"tabs\"\r\n      className={cn(\"flex flex-col gap-2\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TabsList({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\r\n  return (\r\n    <TabsPrimitive.List\r\n      data-slot=\"tabs-list\"\r\n      className={cn(\r\n        \"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TabsTrigger({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\r\n  return (\r\n    <TabsPrimitive.Trigger\r\n      data-slot=\"tabs-trigger\"\r\n      className={cn(\r\n        \"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TabsContent({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\r\n  return (\r\n    <TabsPrimitive.Content\r\n      data-slot=\"tabs-content\"\r\n      className={cn(\"flex-1 outline-none\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\r\n"],"mappings":";AAYI;AATJ,YAAY,mBAAmB;AAE/B,SAAS,UAAU;AAEnB,SAAS,KAAK;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAoD;AAClD,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,uBAAuB,SAAS;AAAA,MAC7C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA,GAAG;AACL,GAAoD;AAClD,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAuD;AACrD,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAuD;AACrD,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,uBAAuB,SAAS;AAAA,MAC7C,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/textarea.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 function Textarea({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "textarea",

package/dist/components/textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\n\r\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\r\n  return (\r\n    <textarea\r\n      data-slot=\"textarea\"\r\n      className={cn(\r\n        \"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Textarea };\r\n"],"mappings":"AAMI;AAJJ,SAAS,UAAU;AAEnB,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAqC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\n\r\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\r\n  return (\r\n    <textarea\r\n      data-slot=\"textarea\"\r\n      className={cn(\r\n        \"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Textarea };\r\n"],"mappings":"AAMI;AAJJ,SAAS,UAAU;AAEnB,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAqC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/toggle-group.js

@@ -2,8 +2,8 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
-import { toggleVariants } from "@repo/ayasofyazilim-ui/components/toggle";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
+import { toggleVariants } from "@ayasofyazilim/ui/components/toggle";
 const ToggleGroupContext = React.createContext({
   size: "default",
   variant: "default",

package/dist/components/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/toggle-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\r\nimport { type VariantProps } from \"class-variance-authority\";\r\n\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { toggleVariants } from \"@repo/ayasofyazilim-ui/components/toggle\";\r\n\r\nconst ToggleGroupContext = React.createContext<\r\n  VariantProps<typeof toggleVariants> & {\r\n    spacing?: number;\r\n  }\r\n>({\r\n  size: \"default\",\r\n  variant: \"default\",\r\n  spacing: 0,\r\n});\r\n\r\nfunction ToggleGroup({\r\n  className,\r\n  variant,\r\n  size,\r\n  spacing = 0,\r\n  children,\r\n  ...props\r\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\r\n  VariantProps<typeof toggleVariants> & {\r\n    spacing?: number;\r\n  }) {\r\n  return (\r\n    <ToggleGroupPrimitive.Root\r\n      data-slot=\"toggle-group\"\r\n      data-variant={variant}\r\n      data-size={size}\r\n      data-spacing={spacing}\r\n      style={{ \"--gap\": spacing } as React.CSSProperties}\r\n      className={cn(\r\n        \"group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <ToggleGroupContext.Provider value={{ variant, size, spacing }}>\r\n        {children}\r\n      </ToggleGroupContext.Provider>\r\n    </ToggleGroupPrimitive.Root>\r\n  );\r\n}\r\n\r\nfunction ToggleGroupItem({\r\n  className,\r\n  children,\r\n  variant,\r\n  size,\r\n  ...props\r\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\r\n  VariantProps<typeof toggleVariants>) {\r\n  const context = React.useContext(ToggleGroupContext);\r\n\r\n  return (\r\n    <ToggleGroupPrimitive.Item\r\n      data-slot=\"toggle-group-item\"\r\n      data-variant={context.variant || variant}\r\n      data-size={context.size || size}\r\n      data-spacing={context.spacing}\r\n      className={cn(\r\n        toggleVariants({\r\n          variant: context.variant || variant,\r\n          size: context.size || size,\r\n        }),\r\n        \"w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10\",\r\n        \"data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </ToggleGroupPrimitive.Item>\r\n  );\r\n}\r\n\r\nexport { ToggleGroup, ToggleGroupItem };\r\n"],"mappings":";AA2CM;AAzCN,YAAY,WAAW;AACvB,YAAY,0BAA0B;AAGtC,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAE/B,MAAM,qBAAqB,MAAM,cAI/B;AAAA,EACA,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACX,CAAC;AAED,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAGK;AACH,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,gBAAc;AAAA,MACd,OAAO,EAAE,SAAS,QAAQ;AAAA,MAC1B,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,MAAM,QAAQ,GAC1D,UACH;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACuC;AACrC,QAAM,UAAU,MAAM,WAAW,kBAAkB;AAEnD,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAc,QAAQ,WAAW;AAAA,MACjC,aAAW,QAAQ,QAAQ;AAAA,MAC3B,gBAAc,QAAQ;AAAA,MACtB,WAAW;AAAA,QACT,eAAe;AAAA,UACb,SAAS,QAAQ,WAAW;AAAA,UAC5B,MAAM,QAAQ,QAAQ;AAAA,QACxB,CAAC;AAAA,QACD;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/toggle-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\r\nimport { type VariantProps } from \"class-variance-authority\";\r\n\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\nimport { toggleVariants } from \"@ayasofyazilim/ui/components/toggle\";\r\n\r\nconst ToggleGroupContext = React.createContext<\r\n  VariantProps<typeof toggleVariants> & {\r\n    spacing?: number;\r\n  }\r\n>({\r\n  size: \"default\",\r\n  variant: \"default\",\r\n  spacing: 0,\r\n});\r\n\r\nfunction ToggleGroup({\r\n  className,\r\n  variant,\r\n  size,\r\n  spacing = 0,\r\n  children,\r\n  ...props\r\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\r\n  VariantProps<typeof toggleVariants> & {\r\n    spacing?: number;\r\n  }) {\r\n  return (\r\n    <ToggleGroupPrimitive.Root\r\n      data-slot=\"toggle-group\"\r\n      data-variant={variant}\r\n      data-size={size}\r\n      data-spacing={spacing}\r\n      style={{ \"--gap\": spacing } as React.CSSProperties}\r\n      className={cn(\r\n        \"group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      <ToggleGroupContext.Provider value={{ variant, size, spacing }}>\r\n        {children}\r\n      </ToggleGroupContext.Provider>\r\n    </ToggleGroupPrimitive.Root>\r\n  );\r\n}\r\n\r\nfunction ToggleGroupItem({\r\n  className,\r\n  children,\r\n  variant,\r\n  size,\r\n  ...props\r\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\r\n  VariantProps<typeof toggleVariants>) {\r\n  const context = React.useContext(ToggleGroupContext);\r\n\r\n  return (\r\n    <ToggleGroupPrimitive.Item\r\n      data-slot=\"toggle-group-item\"\r\n      data-variant={context.variant || variant}\r\n      data-size={context.size || size}\r\n      data-spacing={context.spacing}\r\n      className={cn(\r\n        toggleVariants({\r\n          variant: context.variant || variant,\r\n          size: context.size || size,\r\n        }),\r\n        \"w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10\",\r\n        \"data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </ToggleGroupPrimitive.Item>\r\n  );\r\n}\r\n\r\nexport { ToggleGroup, ToggleGroupItem };\r\n"],"mappings":";AA2CM;AAzCN,YAAY,WAAW;AACvB,YAAY,0BAA0B;AAGtC,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAE/B,MAAM,qBAAqB,MAAM,cAI/B;AAAA,EACA,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACX,CAAC;AAED,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAGK;AACH,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,gBAAc;AAAA,MACd,OAAO,EAAE,SAAS,QAAQ;AAAA,MAC1B,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,MAAM,QAAQ,GAC1D,UACH;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACuC;AACrC,QAAM,UAAU,MAAM,WAAW,kBAAkB;AAEnD,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAc,QAAQ,WAAW;AAAA,MACjC,aAAW,QAAQ,QAAQ;AAAA,MAC3B,gBAAc,QAAQ;AAAA,MACtB,WAAW;AAAA,QACT,eAAe;AAAA,UACb,SAAS,QAAQ,WAAW;AAAA,UAC5B,MAAM,QAAQ,QAAQ;AAAA,QACxB,CAAC;AAAA,QACD;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/toggle.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva } from "class-variance-authority";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 const toggleVariants = cva(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {

package/dist/components/toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/toggle.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\n\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\n\r\nconst toggleVariants = cva(\r\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-transparent\",\r\n        outline:\r\n          \"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground\",\r\n      },\r\n      size: {\r\n        default: \"h-9 px-2 min-w-9\",\r\n        sm: \"h-8 px-1.5 min-w-8\",\r\n        lg: \"h-10 px-2.5 min-w-10\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  }\r\n);\r\n\r\nfunction Toggle({\r\n  className,\r\n  variant,\r\n  size,\r\n  ...props\r\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\r\n  VariantProps<typeof toggleVariants>) {\r\n  return (\r\n    <TogglePrimitive.Root\r\n      data-slot=\"toggle\"\r\n      className={cn(toggleVariants({ variant, size, className }))}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Toggle, toggleVariants };\r\n"],"mappings":";AAsCI;AAnCJ,YAAY,qBAAqB;AACjC,SAAS,WAA8B;AAEvC,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACuC;AACrC,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/toggle.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\n\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\n\r\nconst toggleVariants = cva(\r\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-transparent\",\r\n        outline:\r\n          \"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground\",\r\n      },\r\n      size: {\r\n        default: \"h-9 px-2 min-w-9\",\r\n        sm: \"h-8 px-1.5 min-w-8\",\r\n        lg: \"h-10 px-2.5 min-w-10\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nfunction Toggle({\r\n  className,\r\n  variant,\r\n  size,\r\n  ...props\r\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\r\n  VariantProps<typeof toggleVariants>) {\r\n  return (\r\n    <TogglePrimitive.Root\r\n      data-slot=\"toggle\"\r\n      className={cn(toggleVariants({ variant, size, className }))}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Toggle, toggleVariants };\r\n"],"mappings":";AAsCI;AAnCJ,YAAY,qBAAqB;AACjC,SAAS,WAA8B;AAEvC,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACuC;AACrC,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/tooltip.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 function TooltipProvider({
   delayDuration = 0,
   ...props

package/dist/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\r\n\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\n\r\nfunction TooltipProvider({\r\n  delayDuration = 0,\r\n  ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\r\n  return (\r\n    <TooltipPrimitive.Provider\r\n      data-slot=\"tooltip-provider\"\r\n      delayDuration={delayDuration}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction Tooltip({\r\n  ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\r\n  return (\r\n    <TooltipProvider>\r\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\r\n    </TooltipProvider>\r\n  );\r\n}\r\n\r\nfunction TooltipTrigger({\r\n  ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\r\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\r\n}\r\n\r\nfunction TooltipContent({\r\n  className,\r\n  sideOffset = 0,\r\n  children,\r\n  ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\r\n  return (\r\n    <TooltipPrimitive.Portal>\r\n      <TooltipPrimitive.Content\r\n        data-slot=\"tooltip-content\"\r\n        sideOffset={sideOffset}\r\n        className={cn(\r\n          \"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n        <TooltipPrimitive.Arrow\r\n          className=\"-my-px border-none fill-(--tooltip-color) \"\r\n          width={12}\r\n          height={7}\r\n          aria-hidden=\"true\"\r\n        />\r\n      </TooltipPrimitive.Content>\r\n    </TooltipPrimitive.Portal>\r\n  );\r\n}\r\n\r\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\r\n"],"mappings":";AAYI,cAgCE,YAhCF;AATJ,YAAY,sBAAsB;AAElC,SAAS,UAAU;AAEnB,SAAS,gBAAgB;AAAA,EACvB,gBAAgB;AAAA,EAChB,GAAG;AACL,GAA2D;AACzD,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,QAAQ;AAAA,EACf,GAAG;AACL,GAAuD;AACrD,SACE,oBAAC,mBACC,8BAAC,iBAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO,GACxD;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB,GAAG;AACL,GAA0D;AACxD,SAAO,oBAAC,iBAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE,oBAAC,iBAAiB,QAAjB,EACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC,iBAAiB;AAAA,UAAjB;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,eAAY;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\r\n\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\n\r\nfunction TooltipProvider({\r\n  delayDuration = 0,\r\n  ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\r\n  return (\r\n    <TooltipPrimitive.Provider\r\n      data-slot=\"tooltip-provider\"\r\n      delayDuration={delayDuration}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction Tooltip({\r\n  ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\r\n  return (\r\n    <TooltipProvider>\r\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\r\n    </TooltipProvider>\r\n  );\r\n}\r\n\r\nfunction TooltipTrigger({\r\n  ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\r\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\r\n}\r\n\r\nfunction TooltipContent({\r\n  className,\r\n  sideOffset = 0,\r\n  children,\r\n  ...props\r\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\r\n  return (\r\n    <TooltipPrimitive.Portal>\r\n      <TooltipPrimitive.Content\r\n        data-slot=\"tooltip-content\"\r\n        sideOffset={sideOffset}\r\n        className={cn(\r\n          \"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n        <TooltipPrimitive.Arrow\r\n          className=\"-my-px border-none fill-(--tooltip-color) \"\r\n          width={12}\r\n          height={7}\r\n          aria-hidden=\"true\"\r\n        />\r\n      </TooltipPrimitive.Content>\r\n    </TooltipPrimitive.Portal>\r\n  );\r\n}\r\n\r\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\r\n"],"mappings":";AAYI,cAgCE,YAhCF;AATJ,YAAY,sBAAsB;AAElC,SAAS,UAAU;AAEnB,SAAS,gBAAgB;AAAA,EACvB,gBAAgB;AAAA,EAChB,GAAG;AACL,GAA2D;AACzD,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,QAAQ;AAAA,EACf,GAAG;AACL,GAAuD;AACrD,SACE,oBAAC,mBACC,8BAAC,iBAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO,GACxD;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB,GAAG;AACL,GAA0D;AACxD,SAAO,oBAAC,iBAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE,oBAAC,iBAAiB,QAAjB,EACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC,iBAAiB;AAAA,UAAjB;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,eAAY;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/custom/action-button.js

@@ -1,8 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  Button
-} from "@repo/ayasofyazilim-ui/components/button";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { Button } from "@ayasofyazilim/ui/components/button";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 function ActionList({
   className,
   children

package/dist/custom/action-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/custom/action-button.tsx"],"sourcesContent":["import {\r\n  Button,\r\n  buttonVariants,\r\n} from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { VariantProps } from \"class-variance-authority\";\r\nimport React, { ComponentType } from \"react\";\r\n\r\nexport function ActionList({\r\n  className,\r\n  children,\r\n}: {\r\n  className?: string;\r\n  children: React.ReactNode;\r\n}) {\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"justify-end gap-2 rounded-md border p-2 has-[*]:flex hidden\",\r\n        className\r\n      )}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function ActionButton({\r\n  loading,\r\n  onClick,\r\n  text,\r\n  icon: Icon,\r\n  variant = \"outline\",\r\n}: {\r\n  loading: boolean;\r\n  onClick?: () => void;\r\n  text: string;\r\n  icon: ComponentType<{ className?: string }>;\r\n  variant?: VariantProps<typeof buttonVariants>[\"variant\"];\r\n}) {\r\n  return (\r\n    <Button disabled={loading} onClick={onClick} variant={variant}>\r\n      <Icon className=\"mr-2 size-4\" />\r\n      <span className=\"sr-only\">{text}</span>\r\n      <span className=\"sm:hidden md:block\">{text}</span>\r\n    </Button>\r\n  );\r\n}\r\n"],"mappings":"AAgBI,cAyBA,YAzBA;AAhBJ;AAAA,EACE;AAAA,OAEK;AACP,SAAS,UAAU;AAIZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,UAAU;AACZ,GAMG;AACD,SACE,qBAAC,UAAO,UAAU,SAAS,SAAkB,SAC3C;AAAA,wBAAC,QAAK,WAAU,eAAc;AAAA,IAC9B,oBAAC,UAAK,WAAU,WAAW,gBAAK;AAAA,IAChC,oBAAC,UAAK,WAAU,sBAAsB,gBAAK;AAAA,KAC7C;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/custom/action-button.tsx"],"sourcesContent":["import { Button, buttonVariants } from \"@ayasofyazilim/ui/components/button\";\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\nimport { VariantProps } from \"class-variance-authority\";\r\nimport React, { ComponentType } from \"react\";\r\n\r\nexport function ActionList({\r\n  className,\r\n  children,\r\n}: {\r\n  className?: string;\r\n  children: React.ReactNode;\r\n}) {\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"justify-end gap-2 rounded-md border p-2 has-[*]:flex hidden\",\r\n        className,\r\n      )}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function ActionButton({\r\n  loading,\r\n  onClick,\r\n  text,\r\n  icon: Icon,\r\n  variant = \"outline\",\r\n}: {\r\n  loading: boolean;\r\n  onClick?: () => void;\r\n  text: string;\r\n  icon: ComponentType<{ className?: string }>;\r\n  variant?: VariantProps<typeof buttonVariants>[\"variant\"];\r\n}) {\r\n  return (\r\n    <Button disabled={loading} onClick={onClick} variant={variant}>\r\n      <Icon className=\"mr-2 size-4\" />\r\n      <span className=\"sr-only\">{text}</span>\r\n      <span className=\"sm:hidden md:block\">{text}</span>\r\n    </Button>\r\n  );\r\n}\r\n"],"mappings":"AAaI,cAyBA,YAzBA;AAbJ,SAAS,cAA8B;AACvC,SAAS,UAAU;AAIZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,UAAU;AACZ,GAMG;AACD,SACE,qBAAC,UAAO,UAAU,SAAS,SAAkB,SAC3C;AAAA,wBAAC,QAAK,WAAU,eAAc;AAAA,IAC9B,oBAAC,UAAK,WAAU,WAAW,gBAAK;AAAA,IAChC,oBAAC,UAAK,WAAU,sBAAsB,gBAAK;AAAA,KAC7C;AAEJ;","names":[]}

package/dist/custom/async-select.js

@@ -2,23 +2,23 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, ChevronDown, XCircle, XIcon } from "lucide-react";
 import { useEffect, useState } from "react";
-import { Badge } from "@repo/ayasofyazilim-ui/components/badge";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Badge } from "@ayasofyazilim/ui/components/badge";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   Command as Cmd,
   CommandGroup,
   CommandInput,
   CommandItem,
   CommandList
-} from "@repo/ayasofyazilim-ui/components/command";
+} from "@ayasofyazilim/ui/components/command";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "@repo/ayasofyazilim-ui/components/popover";
-import { Separator } from "@repo/ayasofyazilim-ui/components/separator";
-import { Skeleton } from "@repo/ayasofyazilim-ui/components/skeleton";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/popover";
+import { Separator } from "@ayasofyazilim/ui/components/separator";
+import { Skeleton } from "@ayasofyazilim/ui/components/skeleton";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import { useDebounce } from "../hooks/use-debounce";
 function CommandGroupItem({
   items,

package/dist/custom/async-select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/custom/async-select.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { CheckIcon, ChevronDown, XCircle, XIcon } from \"lucide-react\";\r\nimport { Dispatch, SetStateAction, useEffect, useState } from \"react\";\r\nimport { Badge } from \"@repo/ayasofyazilim-ui/components/badge\";\r\nimport { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n  Command as Cmd,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from \"@repo/ayasofyazilim-ui/components/command\";\r\nimport {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from \"@repo/ayasofyazilim-ui/components/popover\";\r\nimport { Separator } from \"@repo/ayasofyazilim-ui/components/separator\";\r\nimport { Skeleton } from \"@repo/ayasofyazilim-ui/components/skeleton\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { useDebounce } from \"../hooks/use-debounce\";\r\n\r\ntype SearchItem = { id: string; name: string };\r\n\r\nfunction CommandGroupItem({\r\n  items,\r\n  id,\r\n  title,\r\n  onChange,\r\n  value,\r\n  multiple,\r\n}: {\r\n  title: string;\r\n  id: string;\r\n  items: SearchItem[];\r\n  value: SearchItem[];\r\n  onChange: (value: SearchItem[]) => void;\r\n  multiple: boolean;\r\n}) {\r\n  return (\r\n    <CommandGroup heading={title}>\r\n      {items?.map((currentItem, index) => (\r\n        <CommandItem\r\n          id={`${id}_${index}`}\r\n          key={currentItem.id}\r\n          onSelect={() => {\r\n            if (value.find((i) => i.id === currentItem.id)) {\r\n              return onChange(value.filter((i) => i.id !== currentItem.id));\r\n            }\r\n            if (multiple) {\r\n              return onChange([...value, currentItem]);\r\n            }\r\n            return onChange([currentItem]);\r\n          }}\r\n          value={`${currentItem.id}__${currentItem.name}`}\r\n        >\r\n          {currentItem.name}\r\n          {value.find((i) => i.id === currentItem.id) && (\r\n            <CheckIcon className={cn(\"ml-auto h-4 w-4\")} />\r\n          )}\r\n        </CommandItem>\r\n      ))}\r\n    </CommandGroup>\r\n  );\r\n}\r\n\r\nexport type AsyncSelectType = {\r\n  suggestions?: SearchItem[];\r\n  data?: SearchItem[];\r\n  value: SearchItem[];\r\n  onChange: (value: SearchItem[]) => void;\r\n  fetchAction: (search: string) => Promise<SearchItem[]>;\r\n  resultText?: string;\r\n  searchText?: string;\r\n  noResultText?: string;\r\n  disabled?: boolean;\r\n  closeOnSelect?: boolean;\r\n  multiple?: boolean;\r\n  id: string;\r\n  classNames?: {\r\n    trigger?: string;\r\n  };\r\n};\r\n\r\nexport function AsyncSelectBase({\r\n  suggestions = [],\r\n  data,\r\n  value,\r\n  fetchAction,\r\n  onChange,\r\n  resultText = \"Results\",\r\n  searchText = \"Search\",\r\n  noResultText = \"No result\",\r\n  disabled = false,\r\n  multiple = true,\r\n  closeOnSelect = false,\r\n  id,\r\n  setIsPopoverOpen,\r\n}: Omit<AsyncSelectType, \"classNames\"> & {\r\n  setIsPopoverOpen: Dispatch<SetStateAction<boolean>>;\r\n}) {\r\n  const [loading, setLoading] = useState(false);\r\n  const [searchInput, setSearchInput] = useState(\"\");\r\n  const searchValue = useDebounce(searchInput, 500);\r\n\r\n  const [items, setItems] = useState<SearchItem[]>(data || []);\r\n  const showableItems = items.filter(\r\n    (item) => !value.find((i) => i.id === item.id)\r\n  );\r\n  const showableSuggestions = suggestions.filter(\r\n    (item) => !value.find((i) => i.id === item.id)\r\n  );\r\n  function onSearch(search: string) {\r\n    setSearchInput(search);\r\n    setLoading(true);\r\n    setItems([]);\r\n  }\r\n  function handleOnChange(value: SearchItem[]) {\r\n    if (disabled) return;\r\n    onChange(value);\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (searchValue === \"\" && searchInput === \"\") {\r\n      setLoading(true);\r\n      fetchAction(\"\").then((res) => {\r\n        setItems(res);\r\n        setLoading(false);\r\n      });\r\n      return;\r\n    }\r\n    if (searchValue !== searchInput) return;\r\n\r\n    fetchAction(searchValue).then((res) => {\r\n      setItems(res);\r\n      setLoading(false);\r\n    });\r\n  }, [searchValue, searchInput, fetchAction]);\r\n\r\n  return (\r\n    <Cmd aria-disabled={disabled}>\r\n      <CommandInput\r\n        id={`${id}_input`}\r\n        data-testid={`${id}_input`}\r\n        placeholder={searchText}\r\n        onValueChange={(search) => onSearch(search)}\r\n        disabled={disabled}\r\n      />\r\n\r\n      <CommandList className=\"overflow-y-auto max-h-48\">\r\n        {loading && (\r\n          <div className=\"p-1 text-sm\">\r\n            <Skeleton className=\"h-7 w-full mb-1\" />\r\n          </div>\r\n        )}\r\n\r\n        {!loading && items.length === 0 && searchValue.length > 0 && (\r\n          <div className=\"text-sm p-2\">{noResultText}</div>\r\n        )}\r\n\r\n        {value.length > 0 && (\r\n          <CommandGroupItem\r\n            items={value}\r\n            id={`${id}_selected`}\r\n            data-testid={`${id}_selected`}\r\n            value={value}\r\n            title=\"Selected\"\r\n            onChange={(value) => {\r\n              handleOnChange(value);\r\n              if (closeOnSelect) setIsPopoverOpen(false);\r\n            }}\r\n            multiple={multiple}\r\n          />\r\n        )}\r\n\r\n        {!loading &&\r\n          searchValue.length === 0 &&\r\n          showableSuggestions?.length > 0 && (\r\n            <CommandGroupItem\r\n              id={`${id}_item`}\r\n              items={showableSuggestions}\r\n              value={value}\r\n              title=\"Suggestions\"\r\n              onChange={(value) => {\r\n                handleOnChange(value);\r\n                if (closeOnSelect) setIsPopoverOpen(false);\r\n              }}\r\n              multiple={multiple}\r\n            />\r\n          )}\r\n\r\n        {!loading && showableItems.length > 0 && (\r\n          <CommandGroupItem\r\n            id={`${id}_item`}\r\n            items={showableItems}\r\n            value={value}\r\n            title={resultText}\r\n            onChange={(value) => {\r\n              handleOnChange(value);\r\n              if (closeOnSelect) setIsPopoverOpen(false);\r\n            }}\r\n            multiple={multiple}\r\n          />\r\n        )}\r\n      </CommandList>\r\n    </Cmd>\r\n  );\r\n}\r\nexport default function AsyncSelect(props: AsyncSelectType) {\r\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false);\r\n  return (\r\n    <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen}>\r\n      <PopoverTrigger asChild className=\"w-full\">\r\n        <Button\r\n          id={props.id}\r\n          data-testid={props.id}\r\n          disabled={props.disabled}\r\n          type=\"button\"\r\n          onClick={() => setIsPopoverOpen(true)}\r\n          className={cn(\r\n            \"flex w-full p-1 rounded-md border items-center justify-between bg-inherit hover:bg-inherit\",\r\n            props.classNames?.trigger\r\n          )}\r\n        >\r\n          {props.value.length > 0 ? (\r\n            <div className=\"flex justify-between items-center w-full\">\r\n              <div className=\"flex flex-wrap items-center\">\r\n                {props.value.slice(0, 3).map((value) => (\r\n                  <Badge\r\n                    key={value.id}\r\n                    data-testid={`${props.id}_badge_${value.name}`}\r\n                    className=\"m-1 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300 border-foreground/10 text-foreground bg-card hover:bg-card/80\"\r\n                    onClick={() => {\r\n                      props.onChange(\r\n                        props.value.filter((i) => i.id !== value.id)\r\n                      );\r\n                    }}\r\n                  >\r\n                    {value.name}\r\n                    <XCircle className=\"ml-2 h-4 w-4 cursor-pointer\" />\r\n                  </Badge>\r\n                ))}\r\n                {props.value.length > 3 && (\r\n                  <Badge\r\n                    className={cn(\r\n                      \"bg-transparent text-foreground border-foreground/1 hover:bg-transparent\"\r\n                    )}\r\n                  >\r\n                    {props.value.length - 3} more\r\n                  </Badge>\r\n                )}\r\n              </div>\r\n              <div className=\"flex items-center justify-between\">\r\n                <XIcon\r\n                  className=\"h-4 mx-2 cursor-pointer text-muted-foreground\"\r\n                  onClick={() => {\r\n                    props.onChange([]);\r\n                  }}\r\n                />\r\n                <Separator\r\n                  orientation=\"vertical\"\r\n                  className=\"flex min-h-6 h-full\"\r\n                />\r\n                <ChevronDown className=\"h-4 mx-2 cursor-pointer text-muted-foreground\" />\r\n              </div>\r\n            </div>\r\n          ) : (\r\n            <div className=\"flex items-center justify-between w-full mx-auto\">\r\n              <span className=\"text-sm text-black mx-3 font-normal\">\r\n                {props.searchText}\r\n              </span>\r\n              <ChevronDown className=\"h-4 cursor-pointer text-muted-foreground mx-2\" />\r\n            </div>\r\n          )}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent\r\n        className=\"p-0\"\r\n        align=\"start\"\r\n        onEscapeKeyDown={() => setIsPopoverOpen(false)}\r\n      >\r\n        <AsyncSelectBase {...props} setIsPopoverOpen={setIsPopoverOpen} />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n}\r\n"],"mappings":"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","names":["value"]}
+{"version":3,"sources":["../../src/custom/async-select.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { CheckIcon, ChevronDown, XCircle, XIcon } from \"lucide-react\";\r\nimport { Dispatch, SetStateAction, useEffect, useState } from \"react\";\r\nimport { Badge } from \"@ayasofyazilim/ui/components/badge\";\r\nimport { Button } from \"@ayasofyazilim/ui/components/button\";\r\nimport {\r\n  Command as Cmd,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from \"@ayasofyazilim/ui/components/command\";\r\nimport {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from \"@ayasofyazilim/ui/components/popover\";\r\nimport { Separator } from \"@ayasofyazilim/ui/components/separator\";\r\nimport { Skeleton } from \"@ayasofyazilim/ui/components/skeleton\";\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\nimport { useDebounce } from \"../hooks/use-debounce\";\r\n\r\ntype SearchItem = { id: string; name: string };\r\n\r\nfunction CommandGroupItem({\r\n  items,\r\n  id,\r\n  title,\r\n  onChange,\r\n  value,\r\n  multiple,\r\n}: {\r\n  title: string;\r\n  id: string;\r\n  items: SearchItem[];\r\n  value: SearchItem[];\r\n  onChange: (value: SearchItem[]) => void;\r\n  multiple: boolean;\r\n}) {\r\n  return (\r\n    <CommandGroup heading={title}>\r\n      {items?.map((currentItem, index) => (\r\n        <CommandItem\r\n          id={`${id}_${index}`}\r\n          key={currentItem.id}\r\n          onSelect={() => {\r\n            if (value.find((i) => i.id === currentItem.id)) {\r\n              return onChange(value.filter((i) => i.id !== currentItem.id));\r\n            }\r\n            if (multiple) {\r\n              return onChange([...value, currentItem]);\r\n            }\r\n            return onChange([currentItem]);\r\n          }}\r\n          value={`${currentItem.id}__${currentItem.name}`}\r\n        >\r\n          {currentItem.name}\r\n          {value.find((i) => i.id === currentItem.id) && (\r\n            <CheckIcon className={cn(\"ml-auto h-4 w-4\")} />\r\n          )}\r\n        </CommandItem>\r\n      ))}\r\n    </CommandGroup>\r\n  );\r\n}\r\n\r\nexport type AsyncSelectType = {\r\n  suggestions?: SearchItem[];\r\n  data?: SearchItem[];\r\n  value: SearchItem[];\r\n  onChange: (value: SearchItem[]) => void;\r\n  fetchAction: (search: string) => Promise<SearchItem[]>;\r\n  resultText?: string;\r\n  searchText?: string;\r\n  noResultText?: string;\r\n  disabled?: boolean;\r\n  closeOnSelect?: boolean;\r\n  multiple?: boolean;\r\n  id: string;\r\n  classNames?: {\r\n    trigger?: string;\r\n  };\r\n};\r\n\r\nexport function AsyncSelectBase({\r\n  suggestions = [],\r\n  data,\r\n  value,\r\n  fetchAction,\r\n  onChange,\r\n  resultText = \"Results\",\r\n  searchText = \"Search\",\r\n  noResultText = \"No result\",\r\n  disabled = false,\r\n  multiple = true,\r\n  closeOnSelect = false,\r\n  id,\r\n  setIsPopoverOpen,\r\n}: Omit<AsyncSelectType, \"classNames\"> & {\r\n  setIsPopoverOpen: Dispatch<SetStateAction<boolean>>;\r\n}) {\r\n  const [loading, setLoading] = useState(false);\r\n  const [searchInput, setSearchInput] = useState(\"\");\r\n  const searchValue = useDebounce(searchInput, 500);\r\n\r\n  const [items, setItems] = useState<SearchItem[]>(data || []);\r\n  const showableItems = items.filter(\r\n    (item) => !value.find((i) => i.id === item.id),\r\n  );\r\n  const showableSuggestions = suggestions.filter(\r\n    (item) => !value.find((i) => i.id === item.id),\r\n  );\r\n  function onSearch(search: string) {\r\n    setSearchInput(search);\r\n    setLoading(true);\r\n    setItems([]);\r\n  }\r\n  function handleOnChange(value: SearchItem[]) {\r\n    if (disabled) return;\r\n    onChange(value);\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (searchValue === \"\" && searchInput === \"\") {\r\n      setLoading(true);\r\n      fetchAction(\"\").then((res) => {\r\n        setItems(res);\r\n        setLoading(false);\r\n      });\r\n      return;\r\n    }\r\n    if (searchValue !== searchInput) return;\r\n\r\n    fetchAction(searchValue).then((res) => {\r\n      setItems(res);\r\n      setLoading(false);\r\n    });\r\n  }, [searchValue, searchInput, fetchAction]);\r\n\r\n  return (\r\n    <Cmd aria-disabled={disabled}>\r\n      <CommandInput\r\n        id={`${id}_input`}\r\n        data-testid={`${id}_input`}\r\n        placeholder={searchText}\r\n        onValueChange={(search) => onSearch(search)}\r\n        disabled={disabled}\r\n      />\r\n\r\n      <CommandList className=\"overflow-y-auto max-h-48\">\r\n        {loading && (\r\n          <div className=\"p-1 text-sm\">\r\n            <Skeleton className=\"h-7 w-full mb-1\" />\r\n          </div>\r\n        )}\r\n\r\n        {!loading && items.length === 0 && searchValue.length > 0 && (\r\n          <div className=\"text-sm p-2\">{noResultText}</div>\r\n        )}\r\n\r\n        {value.length > 0 && (\r\n          <CommandGroupItem\r\n            items={value}\r\n            id={`${id}_selected`}\r\n            data-testid={`${id}_selected`}\r\n            value={value}\r\n            title=\"Selected\"\r\n            onChange={(value) => {\r\n              handleOnChange(value);\r\n              if (closeOnSelect) setIsPopoverOpen(false);\r\n            }}\r\n            multiple={multiple}\r\n          />\r\n        )}\r\n\r\n        {!loading &&\r\n          searchValue.length === 0 &&\r\n          showableSuggestions?.length > 0 && (\r\n            <CommandGroupItem\r\n              id={`${id}_item`}\r\n              items={showableSuggestions}\r\n              value={value}\r\n              title=\"Suggestions\"\r\n              onChange={(value) => {\r\n                handleOnChange(value);\r\n                if (closeOnSelect) setIsPopoverOpen(false);\r\n              }}\r\n              multiple={multiple}\r\n            />\r\n          )}\r\n\r\n        {!loading && showableItems.length > 0 && (\r\n          <CommandGroupItem\r\n            id={`${id}_item`}\r\n            items={showableItems}\r\n            value={value}\r\n            title={resultText}\r\n            onChange={(value) => {\r\n              handleOnChange(value);\r\n              if (closeOnSelect) setIsPopoverOpen(false);\r\n            }}\r\n            multiple={multiple}\r\n          />\r\n        )}\r\n      </CommandList>\r\n    </Cmd>\r\n  );\r\n}\r\nexport default function AsyncSelect(props: AsyncSelectType) {\r\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false);\r\n  return (\r\n    <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen}>\r\n      <PopoverTrigger asChild className=\"w-full\">\r\n        <Button\r\n          id={props.id}\r\n          data-testid={props.id}\r\n          disabled={props.disabled}\r\n          type=\"button\"\r\n          onClick={() => setIsPopoverOpen(true)}\r\n          className={cn(\r\n            \"flex w-full p-1 rounded-md border items-center justify-between bg-inherit hover:bg-inherit\",\r\n            props.classNames?.trigger,\r\n          )}\r\n        >\r\n          {props.value.length > 0 ? (\r\n            <div className=\"flex justify-between items-center w-full\">\r\n              <div className=\"flex flex-wrap items-center\">\r\n                {props.value.slice(0, 3).map((value) => (\r\n                  <Badge\r\n                    key={value.id}\r\n                    data-testid={`${props.id}_badge_${value.name}`}\r\n                    className=\"m-1 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300 border-foreground/10 text-foreground bg-card hover:bg-card/80\"\r\n                    onClick={() => {\r\n                      props.onChange(\r\n                        props.value.filter((i) => i.id !== value.id),\r\n                      );\r\n                    }}\r\n                  >\r\n                    {value.name}\r\n                    <XCircle className=\"ml-2 h-4 w-4 cursor-pointer\" />\r\n                  </Badge>\r\n                ))}\r\n                {props.value.length > 3 && (\r\n                  <Badge\r\n                    className={cn(\r\n                      \"bg-transparent text-foreground border-foreground/1 hover:bg-transparent\",\r\n                    )}\r\n                  >\r\n                    {props.value.length - 3} more\r\n                  </Badge>\r\n                )}\r\n              </div>\r\n              <div className=\"flex items-center justify-between\">\r\n                <XIcon\r\n                  className=\"h-4 mx-2 cursor-pointer text-muted-foreground\"\r\n                  onClick={() => {\r\n                    props.onChange([]);\r\n                  }}\r\n                />\r\n                <Separator\r\n                  orientation=\"vertical\"\r\n                  className=\"flex min-h-6 h-full\"\r\n                />\r\n                <ChevronDown className=\"h-4 mx-2 cursor-pointer text-muted-foreground\" />\r\n              </div>\r\n            </div>\r\n          ) : (\r\n            <div className=\"flex items-center justify-between w-full mx-auto\">\r\n              <span className=\"text-sm text-black mx-3 font-normal\">\r\n                {props.searchText}\r\n              </span>\r\n              <ChevronDown className=\"h-4 cursor-pointer text-muted-foreground mx-2\" />\r\n            </div>\r\n          )}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent\r\n        className=\"p-0\"\r\n        align=\"start\"\r\n        onEscapeKeyDown={() => setIsPopoverOpen(false)}\r\n      >\r\n        <AsyncSelectBase {...props} setIsPopoverOpen={setIsPopoverOpen} />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n}\r\n"],"mappings":"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","names":["value"]}

package/dist/custom/awesome-not-found.js

@@ -2,15 +2,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import {
   buttonVariants
-} from "@repo/ayasofyazilim-ui/components/button";
+} from "@ayasofyazilim/ui/components/button";
 import {
   Empty,
   EmptyContent,
   EmptyDescription,
   EmptyHeader,
   EmptyTitle
-} from "@repo/ayasofyazilim-ui/components/empty";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/empty";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import { motion } from "motion/react";
 import Link from "next/link";
 const PRIMARY_ORB_HORIZONTAL_OFFSET = 40;

package/dist/custom/awesome-not-found.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/custom/awesome-not-found.tsx"],"sourcesContent":["\"use client\";\r\nimport {\r\n  ButtonProps,\r\n  buttonVariants,\r\n} from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n  Empty,\r\n  EmptyContent,\r\n  EmptyDescription,\r\n  EmptyHeader,\r\n  EmptyTitle,\r\n} from \"@repo/ayasofyazilim-ui/components/empty\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { motion } from \"motion/react\";\r\nimport Link from \"next/link\";\r\n\r\nconst PRIMARY_ORB_HORIZONTAL_OFFSET = 40;\r\nconst PRIMARY_ORB_VERTICAL_OFFSET = 20;\r\n\r\nexport function AwesomeNotFound({\r\n  title = \"404\",\r\n  description = \"The page you are looking for does not exist.\",\r\n  actions = [],\r\n}: {\r\n  title?: string;\r\n  description?: string;\r\n  actions?: {\r\n    label: string;\r\n    href: string;\r\n    variant?: ButtonProps[\"variant\"];\r\n    size?: ButtonProps[\"size\"];\r\n    icon?: React.ComponentType;\r\n  }[];\r\n}) {\r\n  return (\r\n    <div className=\"relative flex min-h-screen w-full items-center justify-center overflow-hidden bg-[radial-gradient(circle_at_center,rgba(99,102,241,0.1),transparent_70%)] text-foreground\">\r\n      <div\r\n        aria-hidden={true}\r\n        className=\"-z-10 absolute inset-0 overflow-hidden\"\r\n      >\r\n        <motion.div\r\n          animate={{\r\n            x: [\r\n              0,\r\n              PRIMARY_ORB_HORIZONTAL_OFFSET,\r\n              -PRIMARY_ORB_HORIZONTAL_OFFSET,\r\n              0,\r\n            ],\r\n            y: [\r\n              0,\r\n              PRIMARY_ORB_VERTICAL_OFFSET,\r\n              -PRIMARY_ORB_VERTICAL_OFFSET,\r\n              0,\r\n            ],\r\n            rotate: [0, 10, -10, 0],\r\n          }}\r\n          className=\"absolute top-1/2 left-1/3 size-90 rounded-full bg-linear-to-tr from-purple-500/20 to-blue-500/20 blur-3xl\"\r\n          transition={{\r\n            repeat: Number.POSITIVE_INFINITY,\r\n            duration: 4,\r\n            ease: \"easeInOut\",\r\n          }}\r\n        />\r\n        <motion.div\r\n          animate={{\r\n            x: [\r\n              0,\r\n              -PRIMARY_ORB_HORIZONTAL_OFFSET,\r\n              PRIMARY_ORB_HORIZONTAL_OFFSET,\r\n              0,\r\n            ],\r\n            y: [\r\n              0,\r\n              -PRIMARY_ORB_VERTICAL_OFFSET,\r\n              PRIMARY_ORB_VERTICAL_OFFSET,\r\n              0,\r\n            ],\r\n          }}\r\n          className=\"absolute right-1/4 bottom-1/3 size-120 rounded-full bg-linear-to-br from-indigo-400/10 to-pink-400/10 blur-3xl\"\r\n          transition={{\r\n            repeat: Number.POSITIVE_INFINITY,\r\n            duration: 4,\r\n            ease: \"easeInOut\",\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <Empty>\r\n        <EmptyHeader>\r\n          <EmptyTitle className=\"font-extrabold text-8xl\">{title}</EmptyTitle>\r\n          <EmptyDescription className=\"text-nowrap\">\r\n            {description}\r\n          </EmptyDescription>\r\n        </EmptyHeader>\r\n        <EmptyContent>\r\n          <div className=\"flex gap-2\">\r\n            {actions.map((action) => (\r\n              <Link\r\n                href={action.href}\r\n                className={cn(\r\n                  buttonVariants({\r\n                    variant: action.variant || \"default\",\r\n                    size: action.size || \"default\",\r\n                  })\r\n                )}\r\n                key={action.label}\r\n              >\r\n                {action.icon && <action.icon />} {action.label}\r\n              </Link>\r\n            ))}\r\n          </div>\r\n        </EmptyContent>\r\n      </Empty>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AAoCM,SAIE,KAJF;AAnCN;AAAA,EAEE;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,OAAO,UAAU;AAEjB,MAAM,gCAAgC;AACtC,MAAM,8BAA8B;AAE7B,SAAS,gBAAgB;AAAA,EAC9B,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU,CAAC;AACb,GAUG;AACD,SACE,qBAAC,SAAI,WAAU,6KACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb,WAAU;AAAA,QAEV;AAAA;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACC,SAAS;AAAA,gBACP,GAAG;AAAA,kBACD;AAAA,kBACA;AAAA,kBACA,CAAC;AAAA,kBACD;AAAA,gBACF;AAAA,gBACA,GAAG;AAAA,kBACD;AAAA,kBACA;AAAA,kBACA,CAAC;AAAA,kBACD;AAAA,gBACF;AAAA,gBACA,QAAQ,CAAC,GAAG,IAAI,KAAK,CAAC;AAAA,cACxB;AAAA,cACA,WAAU;AAAA,cACV,YAAY;AAAA,gBACV,QAAQ,OAAO;AAAA,gBACf,UAAU;AAAA,gBACV,MAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACC,SAAS;AAAA,gBACP,GAAG;AAAA,kBACD;AAAA,kBACA,CAAC;AAAA,kBACD;AAAA,kBACA;AAAA,gBACF;AAAA,gBACA,GAAG;AAAA,kBACD;AAAA,kBACA,CAAC;AAAA,kBACD;AAAA,kBACA;AAAA,gBACF;AAAA,cACF;AAAA,cACA,WAAU;AAAA,cACV,YAAY;AAAA,gBACV,QAAQ,OAAO;AAAA,gBACf,UAAU;AAAA,gBACV,MAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,IAEA,qBAAC,SACC;AAAA,2BAAC,eACC;AAAA,4BAAC,cAAW,WAAU,2BAA2B,iBAAM;AAAA,QACvD,oBAAC,oBAAiB,WAAU,eACzB,uBACH;AAAA,SACF;AAAA,MACA,oBAAC,gBACC,8BAAC,SAAI,WAAU,cACZ,kBAAQ,IAAI,CAAC,WACZ;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,OAAO;AAAA,UACb,WAAW;AAAA,YACT,eAAe;AAAA,cACb,SAAS,OAAO,WAAW;AAAA,cAC3B,MAAM,OAAO,QAAQ;AAAA,YACvB,CAAC;AAAA,UACH;AAAA,UAGC;AAAA,mBAAO,QAAQ,oBAAC,OAAO,MAAP,EAAY;AAAA,YAAG;AAAA,YAAE,OAAO;AAAA;AAAA;AAAA,QAFpC,OAAO;AAAA,MAGd,CACD,GACH,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/custom/awesome-not-found.tsx"],"sourcesContent":["\"use client\";\r\nimport {\r\n  ButtonProps,\r\n  buttonVariants,\r\n} from \"@ayasofyazilim/ui/components/button\";\r\nimport {\r\n  Empty,\r\n  EmptyContent,\r\n  EmptyDescription,\r\n  EmptyHeader,\r\n  EmptyTitle,\r\n} from \"@ayasofyazilim/ui/components/empty\";\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\nimport { motion } from \"motion/react\";\r\nimport Link from \"next/link\";\r\n\r\nconst PRIMARY_ORB_HORIZONTAL_OFFSET = 40;\r\nconst PRIMARY_ORB_VERTICAL_OFFSET = 20;\r\n\r\nexport function AwesomeNotFound({\r\n  title = \"404\",\r\n  description = \"The page you are looking for does not exist.\",\r\n  actions = [],\r\n}: {\r\n  title?: string;\r\n  description?: string;\r\n  actions?: {\r\n    label: string;\r\n    href: string;\r\n    variant?: ButtonProps[\"variant\"];\r\n    size?: ButtonProps[\"size\"];\r\n    icon?: React.ComponentType;\r\n  }[];\r\n}) {\r\n  return (\r\n    <div className=\"relative flex min-h-screen w-full items-center justify-center overflow-hidden bg-[radial-gradient(circle_at_center,rgba(99,102,241,0.1),transparent_70%)] text-foreground\">\r\n      <div\r\n        aria-hidden={true}\r\n        className=\"-z-10 absolute inset-0 overflow-hidden\"\r\n      >\r\n        <motion.div\r\n          animate={{\r\n            x: [\r\n              0,\r\n              PRIMARY_ORB_HORIZONTAL_OFFSET,\r\n              -PRIMARY_ORB_HORIZONTAL_OFFSET,\r\n              0,\r\n            ],\r\n            y: [\r\n              0,\r\n              PRIMARY_ORB_VERTICAL_OFFSET,\r\n              -PRIMARY_ORB_VERTICAL_OFFSET,\r\n              0,\r\n            ],\r\n            rotate: [0, 10, -10, 0],\r\n          }}\r\n          className=\"absolute top-1/2 left-1/3 size-90 rounded-full bg-linear-to-tr from-purple-500/20 to-blue-500/20 blur-3xl\"\r\n          transition={{\r\n            repeat: Number.POSITIVE_INFINITY,\r\n            duration: 4,\r\n            ease: \"easeInOut\",\r\n          }}\r\n        />\r\n        <motion.div\r\n          animate={{\r\n            x: [\r\n              0,\r\n              -PRIMARY_ORB_HORIZONTAL_OFFSET,\r\n              PRIMARY_ORB_HORIZONTAL_OFFSET,\r\n              0,\r\n            ],\r\n            y: [\r\n              0,\r\n              -PRIMARY_ORB_VERTICAL_OFFSET,\r\n              PRIMARY_ORB_VERTICAL_OFFSET,\r\n              0,\r\n            ],\r\n          }}\r\n          className=\"absolute right-1/4 bottom-1/3 size-120 rounded-full bg-linear-to-br from-indigo-400/10 to-pink-400/10 blur-3xl\"\r\n          transition={{\r\n            repeat: Number.POSITIVE_INFINITY,\r\n            duration: 4,\r\n            ease: \"easeInOut\",\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <Empty>\r\n        <EmptyHeader>\r\n          <EmptyTitle className=\"font-extrabold text-8xl\">{title}</EmptyTitle>\r\n          <EmptyDescription className=\"text-nowrap\">\r\n            {description}\r\n          </EmptyDescription>\r\n        </EmptyHeader>\r\n        <EmptyContent>\r\n          <div className=\"flex gap-2\">\r\n            {actions.map((action) => (\r\n              <Link\r\n                href={action.href}\r\n                className={cn(\r\n                  buttonVariants({\r\n                    variant: action.variant || \"default\",\r\n                    size: action.size || \"default\",\r\n                  }),\r\n                )}\r\n                key={action.label}\r\n              >\r\n                {action.icon && <action.icon />} {action.label}\r\n              </Link>\r\n            ))}\r\n          </div>\r\n        </EmptyContent>\r\n      </Empty>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AAoCM,SAIE,KAJF;AAnCN;AAAA,EAEE;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,OAAO,UAAU;AAEjB,MAAM,gCAAgC;AACtC,MAAM,8BAA8B;AAE7B,SAAS,gBAAgB;AAAA,EAC9B,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU,CAAC;AACb,GAUG;AACD,SACE,qBAAC,SAAI,WAAU,6KACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb,WAAU;AAAA,QAEV;AAAA;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACC,SAAS;AAAA,gBACP,GAAG;AAAA,kBACD;AAAA,kBACA;AAAA,kBACA,CAAC;AAAA,kBACD;AAAA,gBACF;AAAA,gBACA,GAAG;AAAA,kBACD;AAAA,kBACA;AAAA,kBACA,CAAC;AAAA,kBACD;AAAA,gBACF;AAAA,gBACA,QAAQ,CAAC,GAAG,IAAI,KAAK,CAAC;AAAA,cACxB;AAAA,cACA,WAAU;AAAA,cACV,YAAY;AAAA,gBACV,QAAQ,OAAO;AAAA,gBACf,UAAU;AAAA,gBACV,MAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACC,SAAS;AAAA,gBACP,GAAG;AAAA,kBACD;AAAA,kBACA,CAAC;AAAA,kBACD;AAAA,kBACA;AAAA,gBACF;AAAA,gBACA,GAAG;AAAA,kBACD;AAAA,kBACA,CAAC;AAAA,kBACD;AAAA,kBACA;AAAA,gBACF;AAAA,cACF;AAAA,cACA,WAAU;AAAA,cACV,YAAY;AAAA,gBACV,QAAQ,OAAO;AAAA,gBACf,UAAU;AAAA,gBACV,MAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,IAEA,qBAAC,SACC;AAAA,2BAAC,eACC;AAAA,4BAAC,cAAW,WAAU,2BAA2B,iBAAM;AAAA,QACvD,oBAAC,oBAAiB,WAAU,eACzB,uBACH;AAAA,SACF;AAAA,MACA,oBAAC,gBACC,8BAAC,SAAI,WAAU,cACZ,kBAAQ,IAAI,CAAC,WACZ;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,OAAO;AAAA,UACb,WAAW;AAAA,YACT,eAAe;AAAA,cACb,SAAS,OAAO,WAAW;AAAA,cAC3B,MAAM,OAAO,QAAQ;AAAA,YACvB,CAAC;AAAA,UACH;AAAA,UAGC;AAAA,mBAAO,QAAQ,oBAAC,OAAO,MAAP,EAAY;AAAA,YAAG;AAAA,YAAE,OAAO;AAAA;AAAA;AAAA,QAFpC,OAAO;AAAA,MAGd,CACD,GACH,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/custom/charts/area-chart.js

@@ -13,8 +13,8 @@ import {
   ChartLegendContent,
   ChartTooltip,
   ChartTooltipContent
-} from "@repo/ayasofyazilim-ui/components/chart";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/chart";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import { ChartCard } from "./chart-card";
 const description = "An area chart with a legend";
 function AreaChart({

package/dist/custom/charts/area-chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/custom/charts/area-chart.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  Area,\r\n  CartesianGrid,\r\n  AreaChart as RechartsAreaChart,\r\n  XAxis,\r\n  YAxis,\r\n} from \"recharts\";\r\n\r\nimport {\r\n  ChartContainer,\r\n  ChartLegend,\r\n  ChartLegendContent,\r\n  ChartTooltip,\r\n  ChartTooltipContent,\r\n} from \"@repo/ayasofyazilim-ui/components/chart\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { ReactNode } from \"react\";\r\nimport { CurveType } from \"recharts/types/shape/Curve\";\r\nimport { BaseAxisProps } from \"recharts/types/util/types\";\r\nimport { CardClassNames, ChartCard } from \"./chart-card\";\r\nimport { EmptyConfig } from \".\";\r\n\r\nexport const description = \"An area chart with a legend\";\r\n\r\ntype ChartData = Array<{\r\n  [key: string]: number | string;\r\n}>;\r\n\r\ntype ChartConfig = {\r\n  [key: string]: {\r\n    label: string;\r\n    type?: CurveType;\r\n    color: string;\r\n  };\r\n};\r\n\r\nexport type AreaChartProps = {\r\n  data: ChartData;\r\n  config: ChartConfig;\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  period?: ReactNode;\r\n  footer?: ReactNode;\r\n  trendText?: ReactNode;\r\n  trendIcon?: ReactNode;\r\n  showLegend?: boolean;\r\n  xAxisTickFormatter?: BaseAxisProps[\"tickFormatter\"];\r\n  classNames?: {\r\n    chart?: {\r\n      container?: string;\r\n      area?: string;\r\n      legend?: string;\r\n    };\r\n    card?: CardClassNames;\r\n  };\r\n  valuePrefix?: string;\r\n  valueSuffix?: string;\r\n} & EmptyConfig;\r\n\r\nexport function AreaChart({\r\n  data,\r\n  title,\r\n  config,\r\n  description,\r\n  period,\r\n  footer,\r\n  trendText,\r\n  trendIcon,\r\n  showLegend,\r\n  xAxisTickFormatter = (value) => value,\r\n  classNames,\r\n  valuePrefix,\r\n  valueSuffix,\r\n  emptyState,\r\n}: AreaChartProps) {\r\n  return (\r\n    <ChartCard\r\n      title={title}\r\n      description={description}\r\n      period={period}\r\n      trendText={trendText}\r\n      trendIcon={trendIcon}\r\n      footer={footer}\r\n      classNames={classNames?.card}\r\n      emptyState={data.length === 0 ? emptyState : undefined}\r\n    >\r\n      <ChartContainer\r\n        config={config}\r\n        className={cn(\"mx-auto max-h-full\", classNames?.chart?.container)}\r\n      >\r\n        <RechartsAreaChart\r\n          accessibilityLayer\r\n          data={data}\r\n          className={cn(\"flex flex-col pb-2\", classNames?.chart?.area)}\r\n          margin={{ top: 0, bottom: 0, left: 0, right: 0 }}\r\n        >\r\n          <CartesianGrid vertical={false} />\r\n          <XAxis\r\n            dataKey=\"label\"\r\n            tickMargin={2}\r\n            minTickGap={2}\r\n            tickFormatter={xAxisTickFormatter}\r\n          />\r\n          <YAxis />\r\n          <ChartTooltip\r\n            cursor={false}\r\n            content={\r\n              <ChartTooltipContent\r\n                indicator=\"line\"\r\n                valuePrefix={valuePrefix}\r\n                valueSuffix={valueSuffix}\r\n              />\r\n            }\r\n          />\r\n          {Object.keys(config).map((key) => (\r\n            <Area\r\n              key={key}\r\n              dataKey={key}\r\n              type={config[key]?.type || \"monotoneX\"}\r\n              fill={config[key]?.color || `var(--color-${key})`}\r\n              fillOpacity={0.4}\r\n              stroke={config[key]?.color || `var(--color-${key})`}\r\n              stackId=\"a\"\r\n            />\r\n          ))}\r\n          {showLegend && (\r\n            <ChartLegend\r\n              wrapperStyle={{\r\n                position: \"relative\",\r\n                top: \"unset\",\r\n                left: \"unset\",\r\n                bottom: \"unset\",\r\n                right: \"unset\",\r\n                width: \"100%\",\r\n                textAlign: \"center\",\r\n              }}\r\n              className={cn(\"p-0\", classNames?.chart?.legend)}\r\n              content={<ChartLegendContent />}\r\n            />\r\n          )}\r\n        </RechartsAreaChart>\r\n      </ChartContainer>\r\n    </ChartCard>\r\n  );\r\n}\r\n"],"mappings":";AA4FQ,SAME,KANF;AA1FR;AAAA,EACE;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AAInB,SAAyB,iBAAiB;AAGnC,MAAM,cAAc;AAqCpB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB,CAAC,UAAU;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAaA;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,YAAY;AAAA,MACxB,YAAY,KAAK,WAAW,IAAI,aAAa;AAAA,MAE7C;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAW,GAAG,sBAAsB,YAAY,OAAO,SAAS;AAAA,UAEhE;AAAA,YAAC;AAAA;AAAA,cACC,oBAAkB;AAAA,cAClB;AAAA,cACA,WAAW,GAAG,sBAAsB,YAAY,OAAO,IAAI;AAAA,cAC3D,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAE;AAAA,cAE/C;AAAA,oCAAC,iBAAc,UAAU,OAAO;AAAA,gBAChC;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,YAAY;AAAA,oBACZ,YAAY;AAAA,oBACZ,eAAe;AAAA;AAAA,gBACjB;AAAA,gBACA,oBAAC,SAAM;AAAA,gBACP;AAAA,kBAAC;AAAA;AAAA,oBACC,QAAQ;AAAA,oBACR,SACE;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA;AAAA,oBACF;AAAA;AAAA,gBAEJ;AAAA,gBACC,OAAO,KAAK,MAAM,EAAE,IAAI,CAAC,QACxB;AAAA,kBAAC;AAAA;AAAA,oBAEC,SAAS;AAAA,oBACT,MAAM,OAAO,GAAG,GAAG,QAAQ;AAAA,oBAC3B,MAAM,OAAO,GAAG,GAAG,SAAS,eAAe,GAAG;AAAA,oBAC9C,aAAa;AAAA,oBACb,QAAQ,OAAO,GAAG,GAAG,SAAS,eAAe,GAAG;AAAA,oBAChD,SAAQ;AAAA;AAAA,kBANH;AAAA,gBAOP,CACD;AAAA,gBACA,cACC;AAAA,kBAAC;AAAA;AAAA,oBACC,cAAc;AAAA,sBACZ,UAAU;AAAA,sBACV,KAAK;AAAA,sBACL,MAAM;AAAA,sBACN,QAAQ;AAAA,sBACR,OAAO;AAAA,sBACP,OAAO;AAAA,sBACP,WAAW;AAAA,oBACb;AAAA,oBACA,WAAW,GAAG,OAAO,YAAY,OAAO,MAAM;AAAA,oBAC9C,SAAS,oBAAC,sBAAmB;AAAA;AAAA,gBAC/B;AAAA;AAAA;AAAA,UAEJ;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":["description"]}
+{"version":3,"sources":["../../../src/custom/charts/area-chart.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  Area,\r\n  CartesianGrid,\r\n  AreaChart as RechartsAreaChart,\r\n  XAxis,\r\n  YAxis,\r\n} from \"recharts\";\r\n\r\nimport {\r\n  ChartContainer,\r\n  ChartLegend,\r\n  ChartLegendContent,\r\n  ChartTooltip,\r\n  ChartTooltipContent,\r\n} from \"@ayasofyazilim/ui/components/chart\";\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\nimport { ReactNode } from \"react\";\r\nimport { CurveType } from \"recharts/types/shape/Curve\";\r\nimport { BaseAxisProps } from \"recharts/types/util/types\";\r\nimport { CardClassNames, ChartCard } from \"./chart-card\";\r\nimport { EmptyConfig } from \".\";\r\n\r\nexport const description = \"An area chart with a legend\";\r\n\r\ntype ChartData = Array<{\r\n  [key: string]: number | string;\r\n}>;\r\n\r\ntype ChartConfig = {\r\n  [key: string]: {\r\n    label: string;\r\n    type?: CurveType;\r\n    color: string;\r\n  };\r\n};\r\n\r\nexport type AreaChartProps = {\r\n  data: ChartData;\r\n  config: ChartConfig;\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  period?: ReactNode;\r\n  footer?: ReactNode;\r\n  trendText?: ReactNode;\r\n  trendIcon?: ReactNode;\r\n  showLegend?: boolean;\r\n  xAxisTickFormatter?: BaseAxisProps[\"tickFormatter\"];\r\n  classNames?: {\r\n    chart?: {\r\n      container?: string;\r\n      area?: string;\r\n      legend?: string;\r\n    };\r\n    card?: CardClassNames;\r\n  };\r\n  valuePrefix?: string;\r\n  valueSuffix?: string;\r\n} & EmptyConfig;\r\n\r\nexport function AreaChart({\r\n  data,\r\n  title,\r\n  config,\r\n  description,\r\n  period,\r\n  footer,\r\n  trendText,\r\n  trendIcon,\r\n  showLegend,\r\n  xAxisTickFormatter = (value) => value,\r\n  classNames,\r\n  valuePrefix,\r\n  valueSuffix,\r\n  emptyState,\r\n}: AreaChartProps) {\r\n  return (\r\n    <ChartCard\r\n      title={title}\r\n      description={description}\r\n      period={period}\r\n      trendText={trendText}\r\n      trendIcon={trendIcon}\r\n      footer={footer}\r\n      classNames={classNames?.card}\r\n      emptyState={data.length === 0 ? emptyState : undefined}\r\n    >\r\n      <ChartContainer\r\n        config={config}\r\n        className={cn(\"mx-auto max-h-full\", classNames?.chart?.container)}\r\n      >\r\n        <RechartsAreaChart\r\n          accessibilityLayer\r\n          data={data}\r\n          className={cn(\"flex flex-col pb-2\", classNames?.chart?.area)}\r\n          margin={{ top: 0, bottom: 0, left: 0, right: 0 }}\r\n        >\r\n          <CartesianGrid vertical={false} />\r\n          <XAxis\r\n            dataKey=\"label\"\r\n            tickMargin={2}\r\n            minTickGap={2}\r\n            tickFormatter={xAxisTickFormatter}\r\n          />\r\n          <YAxis />\r\n          <ChartTooltip\r\n            cursor={false}\r\n            content={\r\n              <ChartTooltipContent\r\n                indicator=\"line\"\r\n                valuePrefix={valuePrefix}\r\n                valueSuffix={valueSuffix}\r\n              />\r\n            }\r\n          />\r\n          {Object.keys(config).map((key) => (\r\n            <Area\r\n              key={key}\r\n              dataKey={key}\r\n              type={config[key]?.type || \"monotoneX\"}\r\n              fill={config[key]?.color || `var(--color-${key})`}\r\n              fillOpacity={0.4}\r\n              stroke={config[key]?.color || `var(--color-${key})`}\r\n              stackId=\"a\"\r\n            />\r\n          ))}\r\n          {showLegend && (\r\n            <ChartLegend\r\n              wrapperStyle={{\r\n                position: \"relative\",\r\n                top: \"unset\",\r\n                left: \"unset\",\r\n                bottom: \"unset\",\r\n                right: \"unset\",\r\n                width: \"100%\",\r\n                textAlign: \"center\",\r\n              }}\r\n              className={cn(\"p-0\", classNames?.chart?.legend)}\r\n              content={<ChartLegendContent />}\r\n            />\r\n          )}\r\n        </RechartsAreaChart>\r\n      </ChartContainer>\r\n    </ChartCard>\r\n  );\r\n}\r\n"],"mappings":";AA4FQ,SAME,KANF;AA1FR;AAAA,EACE;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AAInB,SAAyB,iBAAiB;AAGnC,MAAM,cAAc;AAqCpB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB,CAAC,UAAU;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAaA;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,YAAY;AAAA,MACxB,YAAY,KAAK,WAAW,IAAI,aAAa;AAAA,MAE7C;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAW,GAAG,sBAAsB,YAAY,OAAO,SAAS;AAAA,UAEhE;AAAA,YAAC;AAAA;AAAA,cACC,oBAAkB;AAAA,cAClB;AAAA,cACA,WAAW,GAAG,sBAAsB,YAAY,OAAO,IAAI;AAAA,cAC3D,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAE;AAAA,cAE/C;AAAA,oCAAC,iBAAc,UAAU,OAAO;AAAA,gBAChC;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,YAAY;AAAA,oBACZ,YAAY;AAAA,oBACZ,eAAe;AAAA;AAAA,gBACjB;AAAA,gBACA,oBAAC,SAAM;AAAA,gBACP;AAAA,kBAAC;AAAA;AAAA,oBACC,QAAQ;AAAA,oBACR,SACE;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA;AAAA,oBACF;AAAA;AAAA,gBAEJ;AAAA,gBACC,OAAO,KAAK,MAAM,EAAE,IAAI,CAAC,QACxB;AAAA,kBAAC;AAAA;AAAA,oBAEC,SAAS;AAAA,oBACT,MAAM,OAAO,GAAG,GAAG,QAAQ;AAAA,oBAC3B,MAAM,OAAO,GAAG,GAAG,SAAS,eAAe,GAAG;AAAA,oBAC9C,aAAa;AAAA,oBACb,QAAQ,OAAO,GAAG,GAAG,SAAS,eAAe,GAAG;AAAA,oBAChD,SAAQ;AAAA;AAAA,kBANH;AAAA,gBAOP,CACD;AAAA,gBACA,cACC;AAAA,kBAAC;AAAA;AAAA,oBACC,cAAc;AAAA,sBACZ,UAAU;AAAA,sBACV,KAAK;AAAA,sBACL,MAAM;AAAA,sBACN,QAAQ;AAAA,sBACR,OAAO;AAAA,sBACP,OAAO;AAAA,sBACP,WAAW;AAAA,oBACb;AAAA,oBACA,WAAW,GAAG,OAAO,YAAY,OAAO,MAAM;AAAA,oBAC9C,SAAS,oBAAC,sBAAmB;AAAA;AAAA,gBAC/B;AAAA;AAAA;AAAA,UAEJ;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":["description"]}

package/dist/custom/charts/bar-chart.js

@@ -6,8 +6,8 @@ import {
   ChartLegendContent,
   ChartTooltip,
   ChartTooltipContent
-} from "@repo/ayasofyazilim-ui/components/chart";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/chart";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import {
   Bar,
   CartesianGrid,

package/dist/custom/charts/bar-chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/custom/charts/bar-chart.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  ChartConfig,\r\n  ChartContainer,\r\n  ChartLegend,\r\n  ChartLegendContent,\r\n  ChartTooltip,\r\n  ChartTooltipContent,\r\n} from \"@repo/ayasofyazilim-ui/components/chart\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport * as React from \"react\";\r\nimport {\r\n  Bar,\r\n  CartesianGrid,\r\n  BarChart as RechartsBarChart,\r\n  XAxis,\r\n  YAxis,\r\n} from \"recharts\";\r\nimport { BaseAxisProps } from \"recharts/types/util/types\";\r\nimport { ChartData, EmptyConfig } from \".\";\r\nimport { CardClassNames, ChartCard } from \"./chart-card\";\r\n\r\nexport type BarChartProps = {\r\n  data: ChartData;\r\n  config: ChartConfig;\r\n  xAxisKey: string;\r\n  layout?: \"vertical\" | \"horizontal\";\r\n  title?: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  period?: React.ReactNode;\r\n  footer?: React.ReactNode;\r\n  trendText?: React.ReactNode;\r\n  showLegend?: boolean;\r\n  trendIcon?: React.ReactNode;\r\n  xAxisTickFormatter?: BaseAxisProps[\"tickFormatter\"];\r\n  yAxisTickFormatter?: BaseAxisProps[\"tickFormatter\"];\r\n  valuePrefix?: string;\r\n  valueSuffix?: string;\r\n  classNames?: {\r\n    chart?: {\r\n      container?: string;\r\n      bar?: string;\r\n      legend?: string;\r\n    };\r\n    card?: CardClassNames;\r\n  };\r\n} & EmptyConfig;\r\n\r\nexport function BarChart({ layout = \"vertical\", ...props }: BarChartProps) {\r\n  if (layout === \"horizontal\") {\r\n    return <HorizontalBarChart {...props} />;\r\n  }\r\n  return <VerticalBarChart {...props} />;\r\n}\r\n\r\nfunction HorizontalBarChart({\r\n  data,\r\n  config,\r\n  xAxisKey,\r\n  title,\r\n  description,\r\n  period,\r\n  footer,\r\n  trendText,\r\n  trendIcon,\r\n  xAxisTickFormatter = (value) => value,\r\n  yAxisTickFormatter = (value) => value,\r\n  classNames,\r\n  showLegend,\r\n  valuePrefix,\r\n  valueSuffix,\r\n  emptyState,\r\n}: BarChartProps) {\r\n  return (\r\n    <ChartCard\r\n      title={title}\r\n      description={description}\r\n      period={period}\r\n      footer={footer}\r\n      trendText={trendText}\r\n      trendIcon={trendIcon}\r\n      classNames={classNames?.card}\r\n      emptyState={data.length === 0 ? emptyState : undefined}\r\n    >\r\n      <ChartContainer\r\n        config={config}\r\n        className={cn(\"mx-auto max-h-full\", classNames?.chart?.container)}\r\n      >\r\n        <RechartsBarChart\r\n          accessibilityLayer\r\n          data={data}\r\n          layout=\"vertical\"\r\n          className={cn(\"flex flex-col pb-2\", classNames?.chart?.bar)}\r\n          margin={{ top: 0, bottom: 0, left: 0, right: 0 }}\r\n        >\r\n          <CartesianGrid vertical={false} />\r\n          {Object.keys(config).map((key) => (\r\n            <XAxis type=\"number\" dataKey={key} key={key} />\r\n          ))}\r\n          <YAxis\r\n            dataKey={xAxisKey}\r\n            type=\"category\"\r\n            tickLine={false}\r\n            tickMargin={10}\r\n            axisLine={false}\r\n            tickFormatter={yAxisTickFormatter}\r\n          />\r\n          <ChartTooltip\r\n            cursor={false}\r\n            content={\r\n              <ChartTooltipContent\r\n                hideLabel\r\n                valuePrefix={valuePrefix}\r\n                valueSuffix={valueSuffix}\r\n              />\r\n            }\r\n          />\r\n          {Object.keys(config).map((key) => (\r\n            <Bar\r\n              key={key}\r\n              dataKey={key}\r\n              fill={config[key]?.color || \"var(--chart-1)\"}\r\n              radius={5}\r\n            />\r\n          ))}\r\n          {showLegend && (\r\n            <ChartLegend\r\n              wrapperStyle={{\r\n                position: \"relative\",\r\n                top: \"unset\",\r\n                left: \"unset\",\r\n                bottom: \"unset\",\r\n                right: \"unset\",\r\n                width: \"100%\",\r\n                textAlign: \"center\",\r\n              }}\r\n              className={cn(\"p-0\", classNames?.chart?.legend)}\r\n              content={<ChartLegendContent />}\r\n            />\r\n          )}\r\n        </RechartsBarChart>\r\n      </ChartContainer>\r\n    </ChartCard>\r\n  );\r\n}\r\n\r\nfunction VerticalBarChart({\r\n  data,\r\n  config,\r\n  xAxisKey,\r\n  title,\r\n  description,\r\n  period,\r\n  footer,\r\n  trendText,\r\n  trendIcon,\r\n  xAxisTickFormatter = (value) => value,\r\n  classNames,\r\n  showLegend,\r\n  valuePrefix,\r\n  valueSuffix,\r\n  emptyState,\r\n}: BarChartProps) {\r\n  return (\r\n    <ChartCard\r\n      title={title}\r\n      description={description}\r\n      period={period}\r\n      footer={footer}\r\n      trendText={trendText}\r\n      trendIcon={trendIcon}\r\n      classNames={classNames?.card}\r\n      emptyState={data.length === 0 ? emptyState : undefined}\r\n    >\r\n      <ChartContainer\r\n        config={config}\r\n        className={cn(\"mx-auto max-h-full\", classNames?.chart?.container)}\r\n      >\r\n        <RechartsBarChart\r\n          accessibilityLayer\r\n          data={data}\r\n          layout=\"horizontal\"\r\n          className={cn(\"flex flex-col pb-2\", classNames?.chart?.bar)}\r\n          margin={{ top: 0, bottom: 0, left: 0, right: 0 }}\r\n        >\r\n          <CartesianGrid vertical={false} />\r\n          <XAxis\r\n            dataKey={xAxisKey}\r\n            tickLine={false}\r\n            axisLine={false}\r\n            tickMargin={8}\r\n            minTickGap={32}\r\n            tickFormatter={xAxisTickFormatter}\r\n          />\r\n          <YAxis />\r\n          <ChartTooltip\r\n            cursor={false}\r\n            content={\r\n              <ChartTooltipContent\r\n                valuePrefix={valuePrefix}\r\n                valueSuffix={valueSuffix}\r\n              />\r\n            }\r\n          />\r\n          {Object.keys(config).map((key) => (\r\n            <Bar\r\n              key={key}\r\n              dataKey={key}\r\n              fill={config[key]?.color || \"var(--chart-1)\"}\r\n              radius={0}\r\n            />\r\n          ))}\r\n          {showLegend && (\r\n            <ChartLegend\r\n              wrapperStyle={{\r\n                position: \"relative\",\r\n                top: \"unset\",\r\n                left: \"unset\",\r\n                bottom: \"unset\",\r\n                right: \"unset\",\r\n                width: \"100%\",\r\n                textAlign: \"center\",\r\n              }}\r\n              className={cn(\"p-0\", classNames?.chart?.legend)}\r\n              content={<ChartLegendContent />}\r\n            />\r\n          )}\r\n        </RechartsBarChart>\r\n      </ChartContainer>\r\n    </ChartCard>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/custom/charts/bar-chart.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  ChartConfig,\r\n  ChartContainer,\r\n  ChartLegend,\r\n  ChartLegendContent,\r\n  ChartTooltip,\r\n  ChartTooltipContent,\r\n} from \"@ayasofyazilim/ui/components/chart\";\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\nimport * as React from \"react\";\r\nimport {\r\n  Bar,\r\n  CartesianGrid,\r\n  BarChart as RechartsBarChart,\r\n  XAxis,\r\n  YAxis,\r\n} from \"recharts\";\r\nimport { BaseAxisProps } from \"recharts/types/util/types\";\r\nimport { ChartData, EmptyConfig } from \".\";\r\nimport { CardClassNames, ChartCard } from \"./chart-card\";\r\n\r\nexport type BarChartProps = {\r\n  data: ChartData;\r\n  config: ChartConfig;\r\n  xAxisKey: string;\r\n  layout?: \"vertical\" | \"horizontal\";\r\n  title?: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  period?: React.ReactNode;\r\n  footer?: React.ReactNode;\r\n  trendText?: React.ReactNode;\r\n  showLegend?: boolean;\r\n  trendIcon?: React.ReactNode;\r\n  xAxisTickFormatter?: BaseAxisProps[\"tickFormatter\"];\r\n  yAxisTickFormatter?: BaseAxisProps[\"tickFormatter\"];\r\n  valuePrefix?: string;\r\n  valueSuffix?: string;\r\n  classNames?: {\r\n    chart?: {\r\n      container?: string;\r\n      bar?: string;\r\n      legend?: string;\r\n    };\r\n    card?: CardClassNames;\r\n  };\r\n} & EmptyConfig;\r\n\r\nexport function BarChart({ layout = \"vertical\", ...props }: BarChartProps) {\r\n  if (layout === \"horizontal\") {\r\n    return <HorizontalBarChart {...props} />;\r\n  }\r\n  return <VerticalBarChart {...props} />;\r\n}\r\n\r\nfunction HorizontalBarChart({\r\n  data,\r\n  config,\r\n  xAxisKey,\r\n  title,\r\n  description,\r\n  period,\r\n  footer,\r\n  trendText,\r\n  trendIcon,\r\n  xAxisTickFormatter = (value) => value,\r\n  yAxisTickFormatter = (value) => value,\r\n  classNames,\r\n  showLegend,\r\n  valuePrefix,\r\n  valueSuffix,\r\n  emptyState,\r\n}: BarChartProps) {\r\n  return (\r\n    <ChartCard\r\n      title={title}\r\n      description={description}\r\n      period={period}\r\n      footer={footer}\r\n      trendText={trendText}\r\n      trendIcon={trendIcon}\r\n      classNames={classNames?.card}\r\n      emptyState={data.length === 0 ? emptyState : undefined}\r\n    >\r\n      <ChartContainer\r\n        config={config}\r\n        className={cn(\"mx-auto max-h-full\", classNames?.chart?.container)}\r\n      >\r\n        <RechartsBarChart\r\n          accessibilityLayer\r\n          data={data}\r\n          layout=\"vertical\"\r\n          className={cn(\"flex flex-col pb-2\", classNames?.chart?.bar)}\r\n          margin={{ top: 0, bottom: 0, left: 0, right: 0 }}\r\n        >\r\n          <CartesianGrid vertical={false} />\r\n          {Object.keys(config).map((key) => (\r\n            <XAxis type=\"number\" dataKey={key} key={key} />\r\n          ))}\r\n          <YAxis\r\n            dataKey={xAxisKey}\r\n            type=\"category\"\r\n            tickLine={false}\r\n            tickMargin={10}\r\n            axisLine={false}\r\n            tickFormatter={yAxisTickFormatter}\r\n          />\r\n          <ChartTooltip\r\n            cursor={false}\r\n            content={\r\n              <ChartTooltipContent\r\n                hideLabel\r\n                valuePrefix={valuePrefix}\r\n                valueSuffix={valueSuffix}\r\n              />\r\n            }\r\n          />\r\n          {Object.keys(config).map((key) => (\r\n            <Bar\r\n              key={key}\r\n              dataKey={key}\r\n              fill={config[key]?.color || \"var(--chart-1)\"}\r\n              radius={5}\r\n            />\r\n          ))}\r\n          {showLegend && (\r\n            <ChartLegend\r\n              wrapperStyle={{\r\n                position: \"relative\",\r\n                top: \"unset\",\r\n                left: \"unset\",\r\n                bottom: \"unset\",\r\n                right: \"unset\",\r\n                width: \"100%\",\r\n                textAlign: \"center\",\r\n              }}\r\n              className={cn(\"p-0\", classNames?.chart?.legend)}\r\n              content={<ChartLegendContent />}\r\n            />\r\n          )}\r\n        </RechartsBarChart>\r\n      </ChartContainer>\r\n    </ChartCard>\r\n  );\r\n}\r\n\r\nfunction VerticalBarChart({\r\n  data,\r\n  config,\r\n  xAxisKey,\r\n  title,\r\n  description,\r\n  period,\r\n  footer,\r\n  trendText,\r\n  trendIcon,\r\n  xAxisTickFormatter = (value) => value,\r\n  classNames,\r\n  showLegend,\r\n  valuePrefix,\r\n  valueSuffix,\r\n  emptyState,\r\n}: BarChartProps) {\r\n  return (\r\n    <ChartCard\r\n      title={title}\r\n      description={description}\r\n      period={period}\r\n      footer={footer}\r\n      trendText={trendText}\r\n      trendIcon={trendIcon}\r\n      classNames={classNames?.card}\r\n      emptyState={data.length === 0 ? emptyState : undefined}\r\n    >\r\n      <ChartContainer\r\n        config={config}\r\n        className={cn(\"mx-auto max-h-full\", classNames?.chart?.container)}\r\n      >\r\n        <RechartsBarChart\r\n          accessibilityLayer\r\n          data={data}\r\n          layout=\"horizontal\"\r\n          className={cn(\"flex flex-col pb-2\", classNames?.chart?.bar)}\r\n          margin={{ top: 0, bottom: 0, left: 0, right: 0 }}\r\n        >\r\n          <CartesianGrid vertical={false} />\r\n          <XAxis\r\n            dataKey={xAxisKey}\r\n            tickLine={false}\r\n            axisLine={false}\r\n            tickMargin={8}\r\n            minTickGap={32}\r\n            tickFormatter={xAxisTickFormatter}\r\n          />\r\n          <YAxis />\r\n          <ChartTooltip\r\n            cursor={false}\r\n            content={\r\n              <ChartTooltipContent\r\n                valuePrefix={valuePrefix}\r\n                valueSuffix={valueSuffix}\r\n              />\r\n            }\r\n          />\r\n          {Object.keys(config).map((key) => (\r\n            <Bar\r\n              key={key}\r\n              dataKey={key}\r\n              fill={config[key]?.color || \"var(--chart-1)\"}\r\n              radius={0}\r\n            />\r\n          ))}\r\n          {showLegend && (\r\n            <ChartLegend\r\n              wrapperStyle={{\r\n                position: \"relative\",\r\n                top: \"unset\",\r\n                left: \"unset\",\r\n                bottom: \"unset\",\r\n                right: \"unset\",\r\n                width: \"100%\",\r\n                textAlign: \"center\",\r\n              }}\r\n              className={cn(\"p-0\", classNames?.chart?.legend)}\r\n              content={<ChartLegendContent />}\r\n            />\r\n          )}\r\n        </RechartsBarChart>\r\n      </ChartContainer>\r\n    </ChartCard>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/custom/charts/chart-card.js

@@ -6,15 +6,15 @@ import {
   CardFooter,
   CardHeader,
   CardTitle
-} from "@repo/ayasofyazilim-ui/components/card";
+} from "@ayasofyazilim/ui/components/card";
 import {
   Empty,
   EmptyDescription,
   EmptyHeader,
   EmptyMedia,
   EmptyTitle
-} from "@repo/ayasofyazilim-ui/components/empty";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/empty";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 function ChartCard({
   title,
   description,